mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
fix(badge): hard to see in high contrast mode (#9973)
Fixes the badge directive being hard to see in high contrast mode due to its background blending in with the app background.
This commit is contained in:
committed by
Jeremy Elbourn
parent
230e22babb
commit
1b2f90ce82
@@ -4,6 +4,7 @@
|
||||
@import '../core/theming/palette';
|
||||
@import '../core/theming/theming';
|
||||
@import '../core/typography/typography-utils';
|
||||
@import '../../cdk/a11y/a11y';
|
||||
|
||||
$mat-badge-font-size: 12px;
|
||||
$mat-badge-font-weight: 600;
|
||||
@@ -17,6 +18,11 @@ $mat-badge-large-size: $mat-badge-default-size + 6;
|
||||
width: $size;
|
||||
height: $size;
|
||||
line-height: $size;
|
||||
|
||||
@include cdk-high-contrast {
|
||||
outline: solid 1px;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.mat-badge-above {
|
||||
|
||||
Reference in New Issue
Block a user