fix(dropdown): update hover background-color and text to match design

telerik · Apr 29, 2022 · 95c5a9d · 95c5a9d
1 parent 469a96b
commit 95c5a9d
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 6 deletions.
diff --git a/packages/bootstrap/scss/input/_variables.scss b/packages/bootstrap/scss/input/_variables.scss
@@ -106,8 +106,12 @@ $kendo-picker-disabled-gradient: null !default;
 $kendo-picker-disabled-shadow: null !default;
 
 $kendo-picker-outline-bg: transparent !default;
-$kendo-picker-outline-text: $base-text !default;
-$kendo-picker-outline-border: $base-text !default;
+$kendo-picker-outline-text: null !default;
+$kendo-picker-outline-border: null !default;
+
+$kendo-picker-outline-hover-bg: $kendo-button-text !default;
+$kendo-picker-outline-hover-text: $body-bg !default;
+$kendo-picker-outline-hover-border: null !default;
 
 $kendo-input-placeholder-text: $input-placeholder-color !default;
 $kendo-input-placeholder-opacity: 1 !default;

diff --git a/packages/classic/scss/input/_variables.scss b/packages/classic/scss/input/_variables.scss
@@ -136,6 +136,10 @@ $kendo-picker-flat-focus-text: null !default;
 $kendo-picker-flat-focus-border: null !default;
 $kendo-picker-flat-focus-shadow: null !default;
 
+$kendo-picker-outline-hover-bg: null !default;
+$kendo-picker-outline-hover-text: null !default;
+$kendo-picker-outline-hover-border: null !default;
+
 $kendo-input-placeholder-text: $subtle-text !default;
 $kendo-input-placeholder-opacity: 1 !default;
 

diff --git a/packages/default/scss/input/_layout.scss b/packages/default/scss/input/_layout.scss
@@ -349,8 +349,7 @@
         }
     }
 
-    .k-input-outline,
-    .k-picker-outline {
+    .k-input-outline {
         background: none !important; // sass-lint:disable-line no-important
     }
 

diff --git a/packages/default/scss/input/_theme.scss b/packages/default/scss/input/_theme.scss
@@ -163,5 +163,14 @@
             $kendo-picker-outline-bg,
             $kendo-picker-outline-border
         );
+
+        &:hover,
+        &.k-hover {
+            @include fill (
+                $kendo-picker-outline-hover-text,
+                $kendo-picker-outline-hover-bg,
+                $kendo-picker-outline-hover-border
+            );
+        }
     }
 }
diff --git a/packages/default/scss/input/_variables.scss b/packages/default/scss/input/_variables.scss
@@ -105,10 +105,14 @@ $kendo-picker-disabled-border: null !default;
 $kendo-picker-disabled-gradient: null !default;
 $kendo-picker-disabled-shadow: null !default;
 
-$kendo-picker-outline-bg: null !default;
+$kendo-picker-outline-bg: transparent !default;
 $kendo-picker-outline-text: null !default;
 $kendo-picker-outline-border: $kendo-button-text !default;
 
+$kendo-picker-outline-hover-bg: $kendo-button-text !default;
+$kendo-picker-outline-hover-text: $body-bg !default;
+$kendo-picker-outline-hover-border: null !default;
+
 $kendo-input-placeholder-text: $subtle-text !default;
 $kendo-input-placeholder-opacity: 1 !default;
 

diff --git a/packages/material/scss/input/_variables.scss b/packages/material/scss/input/_variables.scss
@@ -105,10 +105,14 @@ $kendo-picker-disabled-border: $kendo-input-disabled-border !default;
 $kendo-picker-disabled-gradient: null !default;
 $kendo-picker-disabled-shadow: null !default;
 
-$kendo-picker-outline-bg: null !default;
+$kendo-picker-outline-bg: transparent !default;
 $kendo-picker-outline-text: null !default;
 $kendo-picker-outline-border: null !default;
 
+$kendo-picker-outline-hover-bg: null !default;
+$kendo-picker-outline-hover-text: null !default;
+$kendo-picker-outline-hover-border: null !default;
+
 $kendo-input-placeholder-text: $subtle-text !default;
 $kendo-input-placeholder-opacity: 1 !default;