refactor: add more consistent styles to disabled input and hover state

sebnitu · May 26, 2021 · 6d74f08 · 6d74f08
1 parent dc5587d
commit 6d74f08
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 3 deletions.
diff --git a/docs/dist/styles.css b/docs/dist/styles.css
diff --git a/docs/dist/styles.css.map b/docs/dist/styles.css.map
diff --git a/docs/dist/styles.min.css b/docs/dist/styles.min.css
diff --git a/docs/dist/styles.min.css.map b/docs/dist/styles.min.css.map
diff --git a/packages/input/src/_input.scss b/packages/input/src/_input.scss
@@ -29,6 +29,7 @@ $_b: var.$prefix-block;
   &:hover {
     @include mix.box-shadow("hover");
     border-color: var.$border-color-hover;
+    background-color: var.$background-hover;
   }
 
   &:focus {
@@ -40,6 +41,13 @@ $_b: var.$prefix-block;
 
   &[disabled] {
     background-color: var.$disabled-background;
+
+    &:hover,
+    &:focus {
+      @include mix.box-shadow();
+      border-color: var.$border-color;
+      background-color: var.$disabled-background;
+    }
   }
 
   &[readonly] {

diff --git a/packages/input/src/_variables.scss b/packages/input/src/_variables.scss
@@ -16,6 +16,7 @@ $border-color-hover: core.$border-color-darker !default;
 $border-color-focus: core.$primary !default;
 $border-radius: core.$border-radius !default;
 $background: core.$white !default;
+$background-hover: core.$white !default;
 $background-focus: core.$white !default;
 $box-shadow-values: 0 0 0 0 !default;
 $box-shadow-color: core.$black !default;