remove admin bar box-shadow on scroll

bigcommerce · May 2, 2017 · 478c4e7 · 478c4e7
1 parent bc021d0
commit 478c4e7
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 18 deletions.
diff --git a/assets/js/theme/global/maintenanceMode.js b/assets/js/theme/global/maintenanceMode.js
@@ -59,19 +59,6 @@ export default function (maintenanceMode = {}) {
         $('body').prepend($element);
 
         $('.adminBar-content a').click(attachThemeEditorParams);
-
-        $(window).scroll(() => {
-            const $topBarContainer = $('.adminBar');
-            const scrollTop = $(window).scrollTop();
-
-            if (scrollTop > 15) {
-                if (!$topBarContainer.hasClass('adminBar--scroll')) {
-                    $topBarContainer.addClass('adminBar--scroll');
-                }
-            } else if (scrollTop === 0) {
-                $topBarContainer.removeClass('adminBar--scroll');
-            }
-        });
     } else {
         const $element = $('<div>', {
             id: 'maintenance-notice',

diff --git a/assets/scss/components/stencil/maintenanceNotice/_maintenanceNotice.scss b/assets/scss/components/stencil/maintenanceNotice/_maintenanceNotice.scss
@@ -57,6 +57,7 @@ body.hasAdminBar {
 
 .adminBar {
     background-color: $adminBar-color;
+    box-shadow: 0 remCalc(2) remCalc(7) 0 rgba(0, 0, 0, 0.2);
     color: $adminBar-text-color;
     float: left;
     font-family: "Source Sans Pro", arial, "sans serif", sans-serif;
@@ -69,11 +70,6 @@ body.hasAdminBar {
     top: 0;
     width: 100%;
     z-index: 10000;
-
-    &.adminBar--scroll {
-        box-shadow: 0 remCalc(2) remCalc(7) 0 rgba(0, 0, 0, 0.2);
-        transition: all 0.2s ease-in;
-    }
 }
 
 .adminBar-logo {