fix(material/paginator): fix style issue

fix style issue fixes b/286098030
angular · Sep 24, 2024 · 6c75730 · 6c75730
1 parent 31806fd
commit 6c75730
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/material/paginator/paginator.html b/src/material/paginator/paginator.html
@@ -43,7 +43,7 @@
 
       @if (showFirstLastButtons) {
         <button mat-icon-button type="button"
-                class="mat-mdc-paginator-navigation-first"
+                class="mat-mdc-paginator-navigation-first mat-mdc-button-disabled-interactive"
                 (click)="firstPage()"
                 [attr.aria-label]="_intl.firstPageLabel"
                 [matTooltip]="_intl.firstPageLabel"
@@ -60,7 +60,7 @@
         </button>
       }
       <button mat-icon-button type="button"
-              class="mat-mdc-paginator-navigation-previous"
+              class="mat-mdc-paginator-navigation-previous mat-mdc-button-disabled-interactive"
               (click)="previousPage()"
               [attr.aria-label]="_intl.previousPageLabel"
               [matTooltip]="_intl.previousPageLabel"
@@ -76,7 +76,7 @@
         </svg>
       </button>
       <button mat-icon-button type="button"
-              class="mat-mdc-paginator-navigation-next"
+              class="mat-mdc-paginator-navigation-next mat-mdc-button-disabled-interactive"
               (click)="nextPage()"
               [attr.aria-label]="_intl.nextPageLabel"
               [matTooltip]="_intl.nextPageLabel"
@@ -93,7 +93,7 @@
       </button>
       @if (showFirstLastButtons) {
         <button mat-icon-button type="button"
-                class="mat-mdc-paginator-navigation-last"
+                class="mat-mdc-paginator-navigation-last mat-mdc-button-disabled-interactive"
                 (click)="lastPage()"
                 [attr.aria-label]="_intl.lastPageLabel"
                 [matTooltip]="_intl.lastPageLabel"

diff --git a/src/material/paginator/paginator.scss b/src/material/paginator/paginator.scss
@@ -119,7 +119,7 @@ $button-icon-size: 28px;
   ) {
     @include token-utils.create-token-slot(fill, enabled-icon-color);
 
-    .mat-mdc-icon-button[disabled] & {
+    .mat-mdc-icon-button[aria-disabled] & {
       @include token-utils.create-token-slot(fill, disabled-icon-color);
     }
   }