mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-28 11:46:42 +00:00
hui editor arrows RTL support (#2673)
* hui editor arrows RTL support * Refactor * Refactor * Refactor
This commit is contained in:
parent
2482d78a06
commit
bd0bc2047d
@ -49,6 +49,7 @@ import { showEditLovelaceDialog } from "./editor/lovelace-editor/show-edit-lovel
|
|||||||
import { Lovelace } from "./types";
|
import { Lovelace } from "./types";
|
||||||
import { afterNextRender } from "../../common/util/render-status";
|
import { afterNextRender } from "../../common/util/render-status";
|
||||||
import { haStyle } from "../../resources/ha-style";
|
import { haStyle } from "../../resources/ha-style";
|
||||||
|
import { computeRTL } from "../../common/util/compute_rtl";
|
||||||
|
|
||||||
// CSS and JS should only be imported once. Modules and HTML are safe.
|
// CSS and JS should only be imported once. Modules and HTML are safe.
|
||||||
const CSS_CACHE = {};
|
const CSS_CACHE = {};
|
||||||
@ -252,7 +253,9 @@ class HUIRoot extends LitElement {
|
|||||||
<paper-icon-button
|
<paper-icon-button
|
||||||
title="Move view left"
|
title="Move view left"
|
||||||
class="edit-icon view"
|
class="edit-icon view"
|
||||||
icon="hass:arrow-left"
|
icon="${computeRTL(this.hass!)
|
||||||
|
? "hass:arrow-right"
|
||||||
|
: "hass:arrow-left"}"
|
||||||
@click="${this._moveViewLeft}"
|
@click="${this._moveViewLeft}"
|
||||||
?disabled="${this._curView === 0}"
|
?disabled="${this._curView === 0}"
|
||||||
></paper-icon-button>
|
></paper-icon-button>
|
||||||
@ -277,7 +280,9 @@ class HUIRoot extends LitElement {
|
|||||||
<paper-icon-button
|
<paper-icon-button
|
||||||
title="Move view right"
|
title="Move view right"
|
||||||
class="edit-icon view"
|
class="edit-icon view"
|
||||||
icon="hass:arrow-right"
|
icon="${computeRTL(this.hass!)
|
||||||
|
? "hass:arrow-left"
|
||||||
|
: "hass:arrow-right"}"
|
||||||
@click="${this._moveViewRight}"
|
@click="${this._moveViewRight}"
|
||||||
?disabled="${(this._curView! as number) +
|
?disabled="${(this._curView! as number) +
|
||||||
1 ===
|
1 ===
|
||||||
|
Loading…
x
Reference in New Issue
Block a user