From df5d18f283ae87c8e480910cfd092d7910eb3354 Mon Sep 17 00:00:00 2001 From: Paul Gschwendtner Date: Sat, 10 Nov 2018 01:44:49 +0100 Subject: [PATCH] fix(chips): invalid ripple color for selected chips (#13271) * In case a chip is selected and is solid colored, we need to make sure that the ripples have the proper color (similar to raised, flat and fab buttons) --- src/lib/chips/_chips-theme.scss | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/src/lib/chips/_chips-theme.scss b/src/lib/chips/_chips-theme.scss index 0b971144028..ef6a113d6e2 100644 --- a/src/lib/chips/_chips-theme.scss +++ b/src/lib/chips/_chips-theme.scss @@ -5,10 +5,6 @@ $mat-chip-remove-font-size: 18px; -@mixin mat-chips-theme-color($color) { - @include mat-chips-color(mat-color($color, default-contrast), mat-color($color)); -} - @mixin mat-chips-color($foreground, $background) { background-color: $background; color: $foreground; @@ -23,6 +19,14 @@ $mat-chip-remove-font-size: 18px; } } +@mixin mat-chips-theme-color($palette) { + @include mat-chips-color(mat-color($palette, default-contrast), mat-color($palette)); + + .mat-ripple-element { + background: mat-color($palette, default-contrast, 0.1); + } +} + @mixin mat-chips-theme($theme) { $is-dark-theme: map-get($theme, is-dark); $primary: map-get($theme, primary);