Skip to content

Commit a36f022

Browse files
authored
refactor: explicitly set the display of the mat-paginator-icon to inline (#25140)
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 226b1a5 commit a36f022

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
@@ -71,6 +71,7 @@ $button-icon-size: 28px;
7171
}
7272

7373
.mat-mdc-paginator-icon {
74+
display: inline-block;
7475
width: $button-icon-size;
7576

7677
[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)