From 6686da1f24f274726fd5892e78816e73a5314dc2 Mon Sep 17 00:00:00 2001 From: tzagim <2285958+tzagim@users.noreply.github.com> Date: Thu, 12 Oct 2023 15:27:01 +0300 Subject: [PATCH] Fix for RTL languages - Profile panel + weather forecast card (#18191) --- src/panels/lovelace/cards/hui-weather-forecast-card.ts | 7 +++++++ src/panels/profile/ha-panel-profile.ts | 1 + 2 files changed, 8 insertions(+) diff --git a/src/panels/lovelace/cards/hui-weather-forecast-card.ts b/src/panels/lovelace/cards/hui-weather-forecast-card.ts index dec8eac04c..aac1ccce3c 100644 --- a/src/panels/lovelace/cards/hui-weather-forecast-card.ts +++ b/src/panels/lovelace/cards/hui-weather-forecast-card.ts @@ -512,6 +512,7 @@ class HuiWeatherForecastCard extends LitElement implements LovelaceCard { .temp-attribute .temp { position: relative; margin-right: 24px; + direction: ltr; } .temp-attribute .temp span { @@ -547,6 +548,7 @@ class HuiWeatherForecastCard extends LitElement implements LovelaceCard { .attribute { white-space: nowrap; + direction: ltr; } .forecast { @@ -606,6 +608,11 @@ class HuiWeatherForecastCard extends LitElement implements LovelaceCard { text-align: center; } + /* ============= RTL ============= */ + :host([rtl]) .temp-attribute { + text-align: left; + } + /* ============= NARROW ============= */ :host([narrow]) .icon-image { diff --git a/src/panels/profile/ha-panel-profile.ts b/src/panels/profile/ha-panel-profile.ts index 9e82e842df..1756af4d93 100644 --- a/src/panels/profile/ha-panel-profile.ts +++ b/src/panels/profile/ha-panel-profile.ts @@ -250,6 +250,7 @@ class HaPanelProfile extends LitElement { max-width: 600px; margin: 0 auto; padding-bottom: env(safe-area-inset-bottom); + overflow: hidden; } .content > * {