hui editor arrows RTL support (#2673)

* hui editor arrows RTL support

* Refactor

* Refactor

* Refactor
This commit is contained in:
yosilevy
2019-02-05 13:05:19 -08:00
committed by Paulus Schoutsen
parent 2482d78a06
commit bd0bc2047d
+7 -2
View File
@@ -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 ===