fix(material-experimental/mdc-chips): set correct ripple opacity for focus states

annieyw · annieyw · commit 07b879070772 · 2021-01-19T21:30:30.000+08:00
diff --git a/src/material-experimental/mdc-chips/chips.scss b/src/material-experimental/mdc-chips/chips.scss
@@ -33,6 +33,13 @@
       outline: dotted 2px;
     }
   }
+
+  // Explicitly set ripple opacity to 0 when not focus to avoid always applying mdc ripple opacity.
+  &:not(:focus) {
+    .mdc-chip__ripple {
+      opacity: 0;
+    }
+  }
 }
 
 // The ripple container should match the bounds of the entire chip.

Original file line number	Diff line number	Diff line change
`@@ -33,6 +33,13 @@`
`33`	`33`	`outline: dotted 2px;`
`34`	`34`	`}`
`35`	`35`	`}`
	`36`	`+`
	`37`	`+ // Explicitly set ripple opacity to 0 when not focus to avoid always applying mdc ripple opacity.`
	`38`	`+ &:not(:focus) {`
	`39`	`+ .mdc-chip__ripple {`
	`40`	`+ opacity: 0;`
	`41`	`+ }`
	`42`	`+ }`
`36`	`43`	`}`
`37`	`44`
`38`	`45`	`// The ripple container should match the bounds of the entire chip.`