fix(material-experimental): icon/fab missing states color (#18403)

angular · Feb 7, 2020 · 9cfc66d · 9cfc66d
1 parent ed77ec9
commit 9cfc66d
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/material-experimental/mdc-button/_mdc-button.scss b/src/material-experimental/mdc-button/_mdc-button.scss
@@ -173,7 +173,8 @@ $mat-button-state-target: '.mdc-button__ripple';
 @mixin mat-fab-theme-mdc($theme) {
   @include mat-using-mdc-theme($theme) {
     .mat-mdc-fab, .mat-mdc-mini-fab {
-      @include mdc-states($query: $mat-theme-styles-query);
+      @include mdc-states(
+          $query: $mat-theme-styles-query, $ripple-target: $mat-button-state-target);
 
       &.mat-unthemed {
         @include mdc-states-base-color(
@@ -227,11 +228,12 @@ $mat-button-state-target: '.mdc-button__ripple';
 @mixin mat-icon-button-theme-mdc($theme) {
   @include mat-using-mdc-theme($theme) {
     .mat-mdc-icon-button {
-      @include mdc-states($query: $mat-theme-styles-query);
+      @include mdc-states(
+          $query: $mat-theme-styles-query, $ripple-target: $mat-button-state-target);
 
       &.mat-unthemed {
         @include mdc-states-base-color(
-          $mdc-theme-surface, $query: $mat-theme-styles-query,
+          $mdc-theme-on-surface, $query: $mat-theme-styles-query,
           $ripple-target: $mat-button-state-target);
         @include mdc-icon-button-ink-color($mdc-theme-on-surface, $query: $mat-theme-styles-query);
       }