From c8735ae5a9112381c0313b52c6d3e87078de2607 Mon Sep 17 00:00:00 2001
From: Super d <superd001@gmail.com>
Date: Thu, 3 Nov 2016 05:45:19 +0100
Subject: [PATCH] fix(radio|checkbox): ripples color flickering

fix style to generate dark ripples only on disabled radio/checkbox

Closes #1686
---
 src/lib/checkbox/_checkbox-theme.scss | 2 +-
 src/lib/radio/_radio-theme.scss       | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/lib/checkbox/_checkbox-theme.scss b/src/lib/checkbox/_checkbox-theme.scss
index 3cb0744e732c..6b0e22a5c740 100644
--- 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
index e978c9b58fd3..6e334b5737b2 100644
--- 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);
+    }
   }
 }