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

Use correct focus overlay for raised buttons (#3822)

Browse Source 
- Only uses themed overlay for flat buttons and flat icon buttons
- Dark overlay applies to all other buttons
- Fixes #3820
This commit is contained in:
Will Howell
2017-04-28 16:53:58 -04:00
committed by mmalerba
parent 3f05286994
commit 16f5c30d75
1 changed files with 2 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/button/_button-theme.scss
+2 -8
View File
@@ -74,16 +74,10 @@
$background: map-get($theme, background);
$foreground: map-get($theme, foreground);
.mat-button, .mat-icon-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
// Apply color to focus overlay.
// The focus overlay will be visible when any button type is focused or when
// flat buttons or icon buttons are hovered.
@include _mat-button-focus-color($theme);
}
.mat-button, .mat-icon-button {
background: transparent;
@include _mat-button-focus-color($theme);
@include _mat-button-theme-color($theme, 'color');
}
@@ -98,7 +92,7 @@
// Add ripple effect with contrast color to buttons that don't have a focus overlay.
@include _mat-button-ripple-color($theme, default-contrast);
}
// Add ripple effect with default color to flat buttons, which also have a focus overlay.
.mat-button {
@include _mat-button-ripple-color($theme, default, 0.1);