fix(menu): make scroll button selector more specific

telerik · Apr 15, 2022 · e517d27 · e517d27
1 parent d070d37
commit e517d27
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 37 deletions.
diff --git a/packages/default/scss/menu/_layout.scss b/packages/default/scss/menu/_layout.scss
@@ -284,43 +284,44 @@
             overflow: hidden;
             flex-wrap: nowrap;
         }
-    }
-    .k-menu-scroll-button {
-        @include border-radius( 0 );
-        padding: 0;
-        border-width: 0;
-        border-color: inherit;
-        color: inherit;
-        background: inherit;
-        position: absolute;
 
-        &.k-scroll-left {
-            top: 0;
-            left: 0;
-            height: 100%;
-            width: 16px;
-            border-right-width: 1px;
-        }
-        &.k-scroll-right {
-            top: 0;
-            right: 0;
-            height: 100%;
-            width: 16px;
-            border-left-width: 1px;
-        }
-        &.k-scroll-up {
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 16px;
-            border-bottom-width: 1px;
-        }
-        &.k-scroll-down {
-            bottom: 0;
-            left: 0;
-            width: 100%;
-            height: 16px;
-            border-top-width: 1px;
+        .k-menu-scroll-button {
+            @include border-radius( 0 );
+            padding: 0;
+            border-width: 0;
+            border-color: inherit;
+            color: inherit;
+            background: inherit;
+            position: absolute;
+
+            &.k-scroll-left {
+                top: 0;
+                left: 0;
+                height: 100%;
+                width: 16px;
+                border-right-width: 1px;
+            }
+            &.k-scroll-right {
+                top: 0;
+                right: 0;
+                height: 100%;
+                width: 16px;
+                border-left-width: 1px;
+            }
+            &.k-scroll-up {
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 16px;
+                border-bottom-width: 1px;
+            }
+            &.k-scroll-down {
+                bottom: 0;
+                left: 0;
+                width: 100%;
+                height: 16px;
+                border-top-width: 1px;
+            }
         }
     }
 

diff --git a/packages/default/scss/menu/_theme.scss b/packages/default/scss/menu/_theme.scss
@@ -92,7 +92,7 @@
 
 
     // Scrolling
-    .k-menu-scroll-button {
+    .k-menu-scroll-wrapper .k-menu-scroll-button {
         @include fill(
             $menu-scroll-button-text,
             $menu-scroll-button-bg,