mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
fix(datepicker): inert calendar arrow direction in rtl (#4960)
Fixes the calendar arrows pointing in the wrong direction in RTL.
This commit is contained in:
committed by
Andrew Seguin
parent
84c80ec0d6
commit
22f0ea0393
@@ -63,6 +63,10 @@ $mat-calendar-next-icon-transform: translateX(-2px) rotate(45deg);
|
||||
&.mat-calendar-invert {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
[dir='rtl'] & {
|
||||
margin: 0 $mat-calendar-arrow-size 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.mat-calendar-previous-button,
|
||||
@@ -80,6 +84,10 @@ $mat-calendar-next-icon-transform: translateX(-2px) rotate(45deg);
|
||||
border: 0 solid currentColor;
|
||||
border-top-width: $mat-calendar-prev-next-icon-border-width;
|
||||
}
|
||||
|
||||
[dir='rtl'] & {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
.mat-calendar-previous-button::after {
|
||||
|
||||
Reference in New Issue
Block a user