Skip to content

Commit 6c75730

Browse files
committed
fix(material/paginator): fix style issue
fix style issue fixes b/286098030
1 parent 31806fd commit 6c75730

File tree

2 files changed

+5
-5
lines changed

2 files changed

+5
-5
lines changed

src/material/paginator/paginator.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@
4343

4444
@if (showFirstLastButtons) {
4545
<button mat-icon-button type="button"
46-
class="mat-mdc-paginator-navigation-first"
46+
class="mat-mdc-paginator-navigation-first mat-mdc-button-disabled-interactive"
4747
(click)="firstPage()"
4848
[attr.aria-label]="_intl.firstPageLabel"
4949
[matTooltip]="_intl.firstPageLabel"
@@ -60,7 +60,7 @@
6060
</button>
6161
}
6262
<button mat-icon-button type="button"
63-
class="mat-mdc-paginator-navigation-previous"
63+
class="mat-mdc-paginator-navigation-previous mat-mdc-button-disabled-interactive"
6464
(click)="previousPage()"
6565
[attr.aria-label]="_intl.previousPageLabel"
6666
[matTooltip]="_intl.previousPageLabel"
@@ -76,7 +76,7 @@
7676
</svg>
7777
</button>
7878
<button mat-icon-button type="button"
79-
class="mat-mdc-paginator-navigation-next"
79+
class="mat-mdc-paginator-navigation-next mat-mdc-button-disabled-interactive"
8080
(click)="nextPage()"
8181
[attr.aria-label]="_intl.nextPageLabel"
8282
[matTooltip]="_intl.nextPageLabel"
@@ -93,7 +93,7 @@
9393
</button>
9494
@if (showFirstLastButtons) {
9595
<button mat-icon-button type="button"
96-
class="mat-mdc-paginator-navigation-last"
96+
class="mat-mdc-paginator-navigation-last mat-mdc-button-disabled-interactive"
9797
(click)="lastPage()"
9898
[attr.aria-label]="_intl.lastPageLabel"
9999
[matTooltip]="_intl.lastPageLabel"

src/material/paginator/paginator.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,7 @@ $button-icon-size: 28px;
119119
) {
120120
@include token-utils.create-token-slot(fill, enabled-icon-color);
121121

122-
.mat-mdc-icon-button[disabled] & {
122+
.mat-mdc-icon-button[aria-disabled] & {
123123
@include token-utils.create-token-slot(fill, disabled-icon-color);
124124
}
125125
}

0 commit comments

Comments
 (0)