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(tabs): incorrect ripple color for tabs with background (#8123)

Browse Source 
* Tabs with a background color need to set the ripple colors to be the contrast color. Otherwise the ripples might be too dark/or light, depending on the color palette that is being used.
This commit is contained in:
Paul Gschwendtner
2017-11-02 04:21:35 +01:00
committed by Andrew Seguin
parent 75bccde374
commit 02d3eb6c30
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/tabs/_tabs-theme.scss
+6
View File
@@ -111,6 +111,12 @@
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: mat-color($background-color, default-contrast, 0.4);
}
// Set ripples color to be the contrast color of the new background. Otherwise the ripple
// color will be based on the app background color.
.mat-ripple-element {
background-color: mat-color($background-color, default-contrast, 0.12);
}
}
@mixin mat-tabs-typography($config) {