Prettify additional modules (I through Z)

1 files changed, 33 insertions, 27 deletions

diff --git a/app/assets/javascripts/layout_nav.js b/app/assets/javascripts/layout_nav.js
index e3177188772..b8c3c237eb3 100644
--- a/app/assets/javascripts/layout_nav.js
+++ b/app/assets/javascripts/layout_nav.js
@@ -5,7 +5,9 @@ import initFlyOutNav from './fly_out_nav';
 function hideEndFade($scrollingTabs) {
   $scrollingTabs.each(function scrollTabsLoop() {
     const $this = $(this);
-    $this.siblings('.fade-right').toggleClass('scrolling', Math.round($this.width()) < $this.prop('scrollWidth'));
+    $this
+      .siblings('.fade-right')
+      .toggleClass('scrolling', Math.round($this.width()) < $this.prop('scrollWidth'));
   });
 }
 
@@ -15,38 +17,42 @@ export default function initLayoutNav() {
 
   initFlyOutNav();
 
-  $(document).on('init.scrolling-tabs', () => {
-    const $scrollingTabs = $('.scrolling-tabs').not('.is-initialized');
-    $scrollingTabs.addClass('is-initialized');
+  $(document)
+    .on('init.scrolling-tabs', () => {
+      const $scrollingTabs = $('.scrolling-tabs').not('.is-initialized');
+      $scrollingTabs.addClass('is-initialized');
 
-    $(window).on('resize.nav', () => {
-      hideEndFade($scrollingTabs);
-    }).trigger('resize.nav');
+      $(window)
+        .on('resize.nav', () => {
+          hideEndFade($scrollingTabs);
+        })
+        .trigger('resize.nav');
 
-    $scrollingTabs.on('scroll', function tabsScrollEvent() {
-      const $this = $(this);
-      const currentPosition = $this.scrollLeft();
-      const maxPosition = $this.prop('scrollWidth') - $this.outerWidth();
+      $scrollingTabs.on('scroll', function tabsScrollEvent() {
+        const $this = $(this);
+        const currentPosition = $this.scrollLeft();
+        const maxPosition = $this.prop('scrollWidth') - $this.outerWidth();
 
-      $this.siblings('.fade-left').toggleClass('scrolling', currentPosition > 0);
-      $this.siblings('.fade-right').toggleClass('scrolling', currentPosition < maxPosition - 1);
-    });
+        $this.siblings('.fade-left').toggleClass('scrolling', currentPosition > 0);
+        $this.siblings('.fade-right').toggleClass('scrolling', currentPosition < maxPosition - 1);
+      });
 
-    $scrollingTabs.each(function scrollTabsEachLoop() {
-      const $this = $(this);
-      const scrollingTabWidth = $this.width();
-      const $active = $this.find('.active');
-      const activeWidth = $active.width();
+      $scrollingTabs.each(function scrollTabsEachLoop() {
+        const $this = $(this);
+        const scrollingTabWidth = $this.width();
+        const $active = $this.find('.active');
+        const activeWidth = $active.width();
 
-      if ($active.length) {
-        const offset = $active.offset().left + activeWidth;
+        if ($active.length) {
+          const offset = $active.offset().left + activeWidth;
 
-        if (offset > scrollingTabWidth - 30) {
-          const scrollLeft = (offset - (scrollingTabWidth / 2)) - (activeWidth / 2);
+          if (offset > scrollingTabWidth - 30) {
+            const scrollLeft = offset - scrollingTabWidth / 2 - activeWidth / 2;
 
-          $this.scrollLeft(scrollLeft);
+            $this.scrollLeft(scrollLeft);
+          }
         }
-      }
-    });
-  }).trigger('init.scrolling-tabs');
+      });
+    })
+    .trigger('init.scrolling-tabs');
 }