jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-24 17:56:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix for RTL in Supervisor dashboards (#19290)

Browse Source
This commit is contained in:
Yosi Levy 2024-01-05 15:56:15 +02:00 committed by GitHub
parent 7a8f5c0cc9
commit 783a8242e1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
hassio/src/dashboard/hassio-addons.ts
View File

@ -128,6 +128,7 @@ class HassioAddons extends LitElement {
ha-card { ha-card {
cursor: pointer; cursor: pointer;
overflow: hidden; overflow: hidden;
direction: ltr;
} }
.search { .search {
position: sticky; position: sticky;

2
hassio/src/dashboard/hassio-dashboard.ts
View File

@ -133,6 +133,8 @@ class HassioDashboard extends LitElement {
position: fixed; position: fixed;
right: calc(16px + env(safe-area-inset-right)); right: calc(16px + env(safe-area-inset-right));
bottom: calc(16px + env(safe-area-inset-bottom)); bottom: calc(16px + env(safe-area-inset-bottom));
inset-inline-end: calc(16px + env(safe-area-inset-right));
inset-inline-start: initial;
z-index: 1; z-index: 1;
} }
`, `,

10
hassio/src/supervisor-base-element.ts
View File

@ -29,6 +29,10 @@ import { ProvideHassLitMixin } from "../../src/mixins/provide-hass-lit-mixin";
import { urlSyncMixin } from "../../src/state/url-sync-mixin"; import { urlSyncMixin } from "../../src/state/url-sync-mixin";
import { HomeAssistant, Route } from "../../src/types"; import { HomeAssistant, Route } from "../../src/types";
import { getTranslation } from "../../src/util/common-translation"; import { getTranslation } from "../../src/util/common-translation";
import {
computeRTLDirection,
setDirectionStyles,
} from "../../src/common/util/compute_rtl";
declare global { declare global {
interface HASSDomEvents { interface HASSDomEvents {
@ -95,6 +99,7 @@ export class SupervisorBaseElement extends urlSyncMixin(
if (changedProperties.has("_language") || !this.hasUpdated) { if (changedProperties.has("_language") || !this.hasUpdated) {
this._initializeLocalize(); this._initializeLocalize();
this._applyDirection(this.hass);
} }
} }
@ -215,4 +220,9 @@ export class SupervisorBaseElement extends urlSyncMixin(
); );
} }
} }
private _applyDirection(hass: HomeAssistant) {
const direction = computeRTLDirection(hass);
setDirectionStyles(direction, this);
}
} }