fix(ripple): prevent color flicker on radio/checkbox (#1705)

angular · Nov 3, 2016 · 8ce65ca · 8ce65ca
1 parent 681fbd5
commit 8ce65ca
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/lib/checkbox/_checkbox-theme.scss b/src/lib/checkbox/_checkbox-theme.scss
@@ -68,7 +68,7 @@
     }
   }
 
-  .md-checkbox-focused {
+  .md-checkbox:not(.md-checkbox-disabled) {
     &.md-primary .md-checkbox-ripple .md-ripple-foreground {
       background-color: md-color($primary, 0.26);
     }

diff --git a/src/lib/radio/_radio-theme.scss b/src/lib/radio/_radio-theme.scss
@@ -29,7 +29,11 @@
     }
   }
 
-  .md-radio-focused .md-radio-ripple .md-ripple-foreground {
+  .md-radio-ripple .md-ripple-foreground {
     background-color: md-color($accent, 0.26);
+
+    .md-radio-disabled & {
+      background-color: md-color($foreground, disabled);
+    }
   }
 }