Merge pull request #1492 from xodio/fix-button-hover-style

Fix hover and disabled button styles
xodio · Oct 23, 2018 · f1ae4aa · f1ae4aa
2 parents 15dae9b + 9e8d487
commit f1ae4aa
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/packages/xod-client/src/core/styles/components/Button.scss b/packages/xod-client/src/core/styles/components/Button.scss
@@ -8,7 +8,7 @@
   cursor: pointer;
   text-decoration: none;
 
-  &:hover:not(:disabled) {
+  &:hover {
     background-color: $button-bg-color-hover-dark;
     border-color: $button-border-color;
     box-shadow: 0 0 7px 0 rgba(0,0,0,0.5);
@@ -20,9 +20,12 @@
     box-shadow: none;
   }
 
-  &:disabled {
+  &:disabled, &:disabled:hover {
     cursor: default;
     opacity: 0.5;
+    background-color: $button-bg-color-dark;
+    border: 1px solid $button-border-color;
+    box-shadow: none;
   }
 
   &--light {
@@ -37,6 +40,12 @@
       background-color: $button-bg-color-light;
       border-color: $button-border-color-active-light;
     }
+
+    &:disabled, &:disabled:hover {
+      cursor: default;
+      opacity: 0.5;
+      background-color: $button-bg-color-light;
+    }
   }
 
   &--small {