fix(checkbox): wrong cursor when disabled (#908)

Fixes the checkbox using a pointer cursor, even when the element is disabled. Fixes #907.
angular · Jul 25, 2016 · 5251c27 · 5251c27
1 parent 0be5155
commit 5251c27
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/checkbox/checkbox.scss b/src/components/checkbox/checkbox.scss
@@ -218,12 +218,13 @@ $_md-checkbox-indeterminate-checked-easing-function: cubic-bezier(0.14, 0, 0, 1)
 }
 
 md-checkbox {
-  &, label {
-    cursor: pointer;
-  }
+  cursor: pointer;
 }
 
 .md-checkbox-layout {
+  // `cursor: inherit` ensures that the wrapper element gets the same cursor as the md-checkbox
+  // (e.g. pointer by default, regular when disabled), instead of the browser default.
+  cursor: inherit;
   align-items: baseline;
   display: inline-flex;
 }