Home-Assistant/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2026-04-18 07:56:44 +01:00
Code Activity

ha-authorize fix rtl check (#29937)

Browse Source 
Add RTL direction handling in updated lifecycle method
This commit is contained in:
Wendelin
2026-03-02 18:22:06 +01:00
committed by Bram Kragten
parent 15de137591
commit ab4c3a4316
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/mixins/lit-localize-lite-mixin.ts
View File

@@ -2,10 +2,10 @@ import type { LitElement, PropertyValues } from "lit";
import { property, state } from "lit/decorators"; import { property, state } from "lit/decorators";
import type { LocalizeFunc } from "../common/translations/localize"; import type { LocalizeFunc } from "../common/translations/localize";
import { computeLocalize } from "../common/translations/localize"; import { computeLocalize } from "../common/translations/localize";
import { computeDirectionStyles } from "../common/util/compute_rtl";
import { translationMetadata } from "../resources/translations-metadata";
import type { Constructor, Resources } from "../types"; import type { Constructor, Resources } from "../types";
import { getLocalLanguage, getTranslation } from "../util/common-translation"; import { getLocalLanguage, getTranslation } from "../util/common-translation";
import { translationMetadata } from "../resources/translations-metadata";
import { computeDirectionStyles } from "../common/util/compute_rtl";
const empty = () => ""; const empty = () => "";
@@ -28,16 +28,16 @@ export const litLocalizeLiteMixin = <T extends Constructor<LitElement>>(
this._initializeLocalizeLite(); this._initializeLocalizeLite();
} }
protected firstUpdated(changedProps: PropertyValues) {
super.firstUpdated(changedProps);
computeDirectionStyles(
translationMetadata.translations[this.language!].isRTL,
this
);
}
protected willUpdate(changedProperties: PropertyValues) { protected willUpdate(changedProperties: PropertyValues) {
super.willUpdate(changedProperties); super.willUpdate(changedProperties);
if (!this.updated || changedProperties.has("language")) {
computeDirectionStyles(
translationMetadata.translations[this.language!].isRTL,
this
);
}
if (changedProperties.get("language")) { if (changedProperties.get("language")) {
this._resources = undefined; this._resources = undefined;
this._initializeLocalizeLite(); this._initializeLocalizeLite();