jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-25 18:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix rtl support for hass subpage layout (#13702)

Browse Source
This commit is contained in:
Paul Bottein 2022-09-13 10:42:15 +02:00 committed by Bram Kragten
parent 749d869e03
commit d78191efa6
No known key found for this signature in database
GPG Key ID: FBE2DFDB363EF55B
1 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/layouts/hass-subpage.ts
View File

@ -1,6 +1,15 @@
import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit"; import {
css,
CSSResultGroup,
html,
LitElement,
PropertyValues,
TemplateResult,
} from "lit";
import { customElement, eventOptions, property } from "lit/decorators"; import { customElement, eventOptions, property } from "lit/decorators";
import { restoreScroll } from "../common/decorators/restore-scroll"; import { restoreScroll } from "../common/decorators/restore-scroll";
import { toggleAttribute } from "../common/dom/toggle_attribute";
import { computeRTL } from "../common/util/compute_rtl";
import "../components/ha-icon-button-arrow-prev"; import "../components/ha-icon-button-arrow-prev";
import "../components/ha-menu-button"; import "../components/ha-menu-button";
import { HomeAssistant } from "../types"; import { HomeAssistant } from "../types";
@ -24,6 +33,14 @@ class HassSubpage extends LitElement {
// @ts-ignore // @ts-ignore
@restoreScroll(".content") private _savedScrollPos?: number; @restoreScroll(".content") private _savedScrollPos?: number;
protected willUpdate(changedProps: PropertyValues): void {
const oldHass = changedProps.get("hass") as HomeAssistant | undefined;
if (!oldHass || oldHass.locale !== this.hass.locale) {
toggleAttribute(this, "rtl", computeRTL(this.hass));
}
super.willUpdate(changedProps);
}
protected render(): TemplateResult { protected render(): TemplateResult {
return html` return html`
<div class="toolbar"> <div class="toolbar">