fix(material/datepicker): use direction-agnostic text-align

crisbeto · crisbeto · commit 27df9cf16167 · 2024-02-12T16:50:49.000+01:00
Avoids some extra styles by using `text-align: start` instead of having to flip it manually for RTL.
diff --git a/src/material/datepicker/calendar-body.scss b/src/material/datepicker/calendar-body.scss
@@ -57,7 +57,7 @@ $_tokens: (tokens-mat-datepicker.$prefix, tokens-mat-datepicker.get-token-slots(
 .mat-calendar-body-label {
   height: 0;
   line-height: 0;
-  text-align: left;
+  text-align: start;
   padding-left: $calendar-body-label-side-padding;
   padding-right: $calendar-body-label-side-padding;
 
@@ -424,9 +424,3 @@ $_tokens: (tokens-mat-datepicker.$prefix, tokens-mat-datepicker.get-token-slots(
     }
   }
 }
-
-[dir='rtl'] {
-  .mat-calendar-body-label {
-    text-align: right;
-  }
-}

Original file line number	Diff line number	Diff line change
`@@ -57,7 +57,7 @@ $_tokens: (tokens-mat-datepicker.$prefix, tokens-mat-datepicker.get-token-slots(`
`57`	`57`	`.mat-calendar-body-label {`
`58`	`58`	`height: 0;`
`59`	`59`	`line-height: 0;`
`60`		`- text-align: left;`
	`60`	`+ text-align: start;`
`61`	`61`	`padding-left: $calendar-body-label-side-padding;`
`62`	`62`	`padding-right: $calendar-body-label-side-padding;`
`63`	`63`
`@@ -424,9 +424,3 @@ $_tokens: (tokens-mat-datepicker.$prefix, tokens-mat-datepicker.get-token-slots(`
`424`	`424`	`}`
`425`	`425`	`}`
`426`	`426`	`}`
`427`		`-`
`428`		`-[dir='rtl'] {`
`429`		`- .mat-calendar-body-label {`
`430`		`- text-align: right;`
`431`		`- }`
`432`		`-}`