From 92ab0979874945b85554914879b58ab6b7152e39 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Mon, 12 Feb 2024 11:58:25 +0100 Subject: [PATCH] fix(material/datepicker): use direction-agnostic text-align Avoids some extra styles by using `text-align: start` instead of having to flip it manually for RTL. (cherry picked from commit 27df9cf16167f5877d56af1cad3f555994b5674b) --- src/material/datepicker/calendar-body.scss | 8 +------- 1 file changed, 1 insertion(+), 7 deletions(-) diff --git a/src/material/datepicker/calendar-body.scss b/src/material/datepicker/calendar-body.scss index e49bdf43e084..bc809f6f9f5b 100644 --- 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; - } -}