fix(button): hover styles being applied to disabled buttons

Fixes the button hover styles being applied, even if a button is disabled. Fixes angular#866.
crisbeto · Jul 23, 2016 · ba9066d · ba9066d
1 parent 16eb6be
commit ba9066d
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/button/button.scss b/src/components/button/button.scss
@@ -44,9 +44,11 @@
 }
 
 // Only flat buttons and icon buttons (not raised or fabs) have a hover style.
-[md-button]:hover, [md-icon-button]:hover {
-  // Use the same visual treatment for hover as for focus.
-  @include md-button-focus();
+[md-button], [md-icon-button] {
+  &:not([disabled]):hover {
+    // Use the same visual treatment for hover as for focus.
+    @include md-button-focus();
+  }
 }
 
 // Applies a clearer border for high-contrast mode (a11y)