skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(datepicker): inert calendar arrow direction in rtl (#4960)

Browse Source 
Fixes the calendar arrows pointing in the wrong direction in RTL.
This commit is contained in:
Kristiyan Kostadinov
2017-06-06 00:43:12 +02:00
committed by Andrew Seguin
parent 84c80ec0d6
commit 22f0ea0393
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/datepicker/calendar.scss
+8
View File
@@ -63,6 +63,10 @@ $mat-calendar-next-icon-transform: translateX(-2px) rotate(45deg);
&.mat-calendar-invert { &.mat-calendar-invert {
transform: rotate(180deg); transform: rotate(180deg);
} }
[dir='rtl'] & {
margin: 0 $mat-calendar-arrow-size 0 0;
}
} }
.mat-calendar-previous-button, .mat-calendar-previous-button,
@@ -80,6 +84,10 @@ $mat-calendar-next-icon-transform: translateX(-2px) rotate(45deg);
border: 0 solid currentColor; border: 0 solid currentColor;
border-top-width: $mat-calendar-prev-next-icon-border-width; border-top-width: $mat-calendar-prev-next-icon-border-width;
} }
[dir='rtl'] & {
transform: rotate(180deg);
}
} }
.mat-calendar-previous-button::after { .mat-calendar-previous-button::after {