From bd0bc2047d92cf058eb761b291da1e4dfd796b0e Mon Sep 17 00:00:00 2001
From: yosilevy <37745463+yosilevy@users.noreply.github.com>
Date: Tue, 5 Feb 2019 23:05:19 +0200
Subject: [PATCH] hui editor arrows RTL support (#2673)

* hui editor arrows RTL support

* Refactor

* Refactor

* Refactor
---
 src/panels/lovelace/hui-root.ts | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/panels/lovelace/hui-root.ts b/src/panels/lovelace/hui-root.ts
index 043c61e784..2e0934a9e1 100644
--- a/src/panels/lovelace/hui-root.ts
+++ b/src/panels/lovelace/hui-root.ts
@@ -49,6 +49,7 @@ import { showEditLovelaceDialog } from "./editor/lovelace-editor/show-edit-lovel
 import { Lovelace } from "./types";
 import { afterNextRender } from "../../common/util/render-status";
 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.
 const CSS_CACHE = {};
@@ -252,7 +253,9 @@ class HUIRoot extends LitElement {
                                 <paper-icon-button
                                   title="Move view left"
                                   class="edit-icon view"
-                                  icon="hass:arrow-left"
+                                  icon="${computeRTL(this.hass!)
+                                    ? "hass:arrow-right"
+                                    : "hass:arrow-left"}"
                                   @click="${this._moveViewLeft}"
                                   ?disabled="${this._curView === 0}"
                                 ></paper-icon-button>
@@ -277,7 +280,9 @@ class HUIRoot extends LitElement {
                                 <paper-icon-button
                                   title="Move view right"
                                   class="edit-icon view"
-                                  icon="hass:arrow-right"
+                                  icon="${computeRTL(this.hass!)
+                                    ? "hass:arrow-left"
+                                    : "hass:arrow-right"}"
                                   @click="${this._moveViewRight}"
                                   ?disabled="${(this._curView! as number) +
                                     1 ===