skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(chips): invalid ripple color for selected chips (#13271)

Browse Source 
* 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)
This commit is contained in:
Paul Gschwendtner
2018-11-10 01:44:49 +01:00
committed by vivian-hu
parent 68b53f78e2
commit df5d18f283
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/chips/_chips-theme.scss
+8 -4
View File
@@ -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);