Skip to content

Commit 658fcf8

Browse files
committed
refactor: explicitly set the display of the mat-paginator-icon to inline
Some CSS resets set the `display` value of the SVG element to `block` which break the design of the mat-paginator-icon by making it not properly centered inside the button.
1 parent 7d87068 commit 658fcf8

File tree

2 files changed

+2
-0
lines changed

2 files changed

+2
-0
lines changed

src/material-experimental/mdc-paginator/paginator.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -76,6 +76,7 @@ $button-icon-size: 28px;
7676
}
7777

7878
.mat-mdc-paginator-icon {
79+
display: inline-block;
7980
width: $button-icon-size;
8081

8182
[dir='rtl'] & {

src/material/paginator/paginator.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -69,6 +69,7 @@ $button-icon-size: 28px;
6969
}
7070

7171
.mat-paginator-icon {
72+
display: inline-block;
7273
width: $button-icon-size;
7374
fill: currentColor;
7475

0 commit comments

Comments
 (0)