From 28a1c975712820cd3cb600b62d09fb568951c52b Mon Sep 17 00:00:00 2001 From: Yosi Levy <37745463+yosilevy@users.noreply.github.com> Date: Fri, 24 Jun 2022 18:18:39 +0300 Subject: [PATCH] Various card RTL fixes (#13006) --- src/components/ha-dialog.ts | 1 + src/panels/lovelace/cards/hui-thermostat-card.ts | 4 ++++ .../lovelace/entity-rows/hui-input-datetime-entity-row.ts | 3 +++ 3 files changed, 8 insertions(+) diff --git a/src/components/ha-dialog.ts b/src/components/ha-dialog.ts index 64fcbc4846..346410aa44 100644 --- a/src/components/ha-dialog.ts +++ b/src/components/ha-dialog.ts @@ -91,6 +91,7 @@ export class HaDialog extends DialogBase { .header_title { margin-right: 40px; margin-inline-end: 40px; + margin-inline-start: initial; direction: var(--direction); } .header_button { diff --git a/src/panels/lovelace/cards/hui-thermostat-card.ts b/src/panels/lovelace/cards/hui-thermostat-card.ts index 564008d158..6d6dbc7dde 100644 --- a/src/panels/lovelace/cards/hui-thermostat-card.ts +++ b/src/panels/lovelace/cards/hui-thermostat-card.ts @@ -497,9 +497,12 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard { cursor: pointer; top: 0; right: 0; + inset-inline-end: 0px; + inset-inline-start: initial; border-radius: 100%; color: var(--secondary-text-color); z-index: 1; + direction: var(--direction); } .content { @@ -550,6 +553,7 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard { height: 50%; top: 45%; left: 50%; + direction: ltr; } #set-values { diff --git a/src/panels/lovelace/entity-rows/hui-input-datetime-entity-row.ts b/src/panels/lovelace/entity-rows/hui-input-datetime-entity-row.ts index f542b2ec6d..c50a2b4958 100644 --- a/src/panels/lovelace/entity-rows/hui-input-datetime-entity-row.ts +++ b/src/panels/lovelace/entity-rows/hui-input-datetime-entity-row.ts @@ -125,6 +125,9 @@ class HuiInputDatetimeEntityRow extends LitElement implements LovelaceRow { return css` ha-date-input + ha-time-input { margin-left: 4px; + margin-inline-start: 4px; + margin-inline-end: initial; + direction: var(--direction); } `; }