Skip to content

Commit

Permalink
fix(material-experimental/mdc-paginator): buttons not visible in high…
Browse files Browse the repository at this point in the history
… contrast mode (#21096)

Fixes that the MDC paginator buttons weren't visible in high contrast mode.

(cherry picked from commit 3bfad18)
  • Loading branch information
crisbeto authored and annieyw committed Nov 24, 2020
1 parent ee78609 commit e7cabf1
Showing 1 changed file with 13 additions and 0 deletions.
13 changes: 13 additions & 0 deletions src/material-experimental/mdc-paginator/paginator.scss
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import '../mdc-form-field/form-field-theme';
@import '../../cdk/a11y/a11y';

$mat-mdc-paginator-padding: 0 8px;
$mat-mdc-paginator-page-size-margin-right: 8px;
Expand Down Expand Up @@ -81,3 +82,15 @@ $mat-mdc-paginator-button-icon-size: 28px;
transform: rotate(180deg);
}
}

@include cdk-high-contrast(active, off) {
// The disabled button icon has to be set explicitly since the selector is too specific.
.mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon,
.mat-mdc-paginator-icon {
fill: currentColor;
}

.mat-mdc-paginator-range-actions .mat-mdc-icon-button {
outline: solid 1px;
}
}

0 comments on commit e7cabf1

Please sign in to comment.