Skip to content

Commit 106ded4

Browse files
crisbetokara
authored andcommitted
fix(expansion-panel): wrong margins in rtl (#5800)
1 parent 0f7be2e commit 106ded4

File tree

2 files changed

+12
-3
lines changed

2 files changed

+12
-3
lines changed

src/lib/expansion/expansion-panel-header.scss

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,16 +32,20 @@ $mat-expansion-panel-header-height-expanded: 64px;
3232
overflow: hidden;
3333
}
3434

35-
.mat-expansion-panel-header-title {
35+
.mat-expansion-panel-header-title,
36+
.mat-expansion-panel-header-description {
3637
display: flex;
3738
flex-grow: 1;
3839
margin-right: 16px;
40+
41+
[dir='rtl'] & {
42+
margin-right: 0;
43+
margin-left: 16px;
44+
}
3945
}
4046

4147
.mat-expansion-panel-header-description {
42-
display: flex;
4348
flex-grow: 2;
44-
margin-right: 16px;
4549
}
4650

4751
/**

src/lib/expansion/expansion-panel.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,5 +29,10 @@
2929

3030
button.mat-button {
3131
margin-left: 8px;
32+
33+
[dir='rtl'] & {
34+
margin-left: 0;
35+
margin-right: 8px;
36+
}
3237
}
3338
}

0 commit comments

Comments
 (0)