From 5ae599b1b206c0016148931c73b2d6cbf8673adb Mon Sep 17 00:00:00 2001
From: yosilevy <37745463+yosilevy@users.noreply.github.com>
Date: Sat, 12 Jan 2019 00:53:23 +0200
Subject: [PATCH] RTL support for history timeline (#2444)

* RTL support in history timeline

* RTL support in history timeline
---
 src/components/state-history-chart-timeline.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/state-history-chart-timeline.js b/src/components/state-history-chart-timeline.js
index df144e22bb..3fcc9a5902 100644
--- a/src/components/state-history-chart-timeline.js
+++ b/src/components/state-history-chart-timeline.js
@@ -20,6 +20,10 @@ class StateHistoryChartTimeline extends LocalizeMixin(PolymerElement) {
         :host([rendered]) {
           opacity: 1;
         }
+
+        ha-chart-base {
+          direction: ltr;
+        }
       </style>
       <ha-chart-base
         data="[[chartData]]"
@@ -185,6 +189,11 @@ class StateHistoryChartTimeline extends LocalizeMixin(PolymerElement) {
               afterSetDimensions: (yaxe) => {
                 yaxe.maxWidth = yaxe.chart.width * 0.18;
               },
+              position: this.hass.translationMetadata.translations[
+                this.hass.selectedLanguage || this.hass.language
+              ].isRTL
+                ? "right"
+                : "left",
             },
           ],
         },