fix(kendo-jquery): no interactive states in material editor toolbar a…

…fter dart-sass refactoring
telerik · Sep 16, 2019 · 23d9c3c · 23d9c3c
1 parent 68a5532
commit 23d9c3c
Showing 1 changed file with 41 additions and 1 deletion.
diff --git a/packages/material/scss/editor/_theme.scss b/packages/material/scss/editor/_theme.scss
@@ -23,12 +23,52 @@
     .k-editor-toolbar {
         @include appearance( toolbar );
 
-        a.k-tool {
+        a.k-tool,
+        .k-picker-wrap,
+        .k-dropdown-wrap {
             @extend .k-button-flat;
             @include border-radius( 0 );
 
             &::before {
                 @extend .k-button-overlay;
+                display: block;
+            }
+
+            // Hovered state
+            &:hover,
+            &.k-state-hover {
+                &::before {
+                    @include opacity( $flat-button-hover-opacity );
+                }
+            }
+
+            // Focused state
+            &:focus,
+            &.k-state-focused {
+                &::before {
+                    @include opacity( $flat-button-focused-opacity );
+                }
+            }
+            &.k-no-focus:not(:hover),
+            &.k-no-focus:not(.k-state-hover) {
+                &::before {
+                    @include opacity( 0 );
+                }
+            }
+
+            // Pressed state
+            &:active,
+            &.k-state-active {
+                &::before {
+                    @include opacity( $flat-button-active-opacity );
+                }
+            }
+
+            // Selected state
+            &.k-state-selected {
+                &::before {
+                    @include opacity( $flat-button-selected-opacity );
+                }
             }
         }