From a43f49f4af62ff3d7bfcafa91965320c49e134ff Mon Sep 17 00:00:00 2001 From: Yosi Levy <37745463+yosilevy@users.noreply.github.com> Date: Thu, 20 Apr 2023 18:05:24 +0300 Subject: [PATCH] Fix some RTL aligments (#16252) --- src/components/ha-gauge.ts | 1 + .../lights/ha-more-info-view-light-color-picker.ts | 1 + src/panels/lovelace/cards/hui-sensor-card.ts | 13 +++++++++++++ 3 files changed, 15 insertions(+) diff --git a/src/components/ha-gauge.ts b/src/components/ha-gauge.ts index 9519ec85df..1895e419db 100644 --- a/src/components/ha-gauge.ts +++ b/src/components/ha-gauge.ts @@ -211,6 +211,7 @@ export class Gauge extends LitElement { font-size: 50px; fill: var(--primary-text-color); text-anchor: middle; + direction: ltr; } `; } diff --git a/src/dialogs/more-info/components/lights/ha-more-info-view-light-color-picker.ts b/src/dialogs/more-info/components/lights/ha-more-info-view-light-color-picker.ts index 1defa77c48..2fac5f0bdb 100644 --- a/src/dialogs/more-info/components/lights/ha-more-info-view-light-color-picker.ts +++ b/src/dialogs/more-info/components/lights/ha-more-info-view-light-color-picker.ts @@ -569,6 +569,7 @@ class MoreInfoViewLightColorPicker extends LitElement { line-height: 24px; letter-spacing: 0.1px; margin: 0; + direction: ltr; } .color-temp { diff --git a/src/panels/lovelace/cards/hui-sensor-card.ts b/src/panels/lovelace/cards/hui-sensor-card.ts index e24a3f2c15..71b7282ce6 100644 --- a/src/panels/lovelace/cards/hui-sensor-card.ts +++ b/src/panels/lovelace/cards/hui-sensor-card.ts @@ -1,3 +1,4 @@ +import { css, CSSResultGroup } from "lit"; import { HassEntity } from "home-assistant-js-websocket/dist/types"; import { customElement } from "lit/decorators"; import { computeDomain } from "../../../common/entity/compute_domain"; @@ -70,6 +71,18 @@ class HuiSensorCard extends HuiEntityCard { super.setConfig(entityCardConfig); } + + static get styles(): CSSResultGroup { + return [ + HuiEntityCard.styles, + css` + .info { + direction: ltr; + text-align: var(--float-start); + } + `, + ]; + } } declare global {