From dd7aa29297369b034c5664b8977b07f9dd9ea071 Mon Sep 17 00:00:00 2001
From: Ion Rosgrim <irosgrim@ionwebservices.dev>
Date: Sun, 3 May 2020 02:30:58 +0200
Subject: [PATCH] #1529 Rtl ui broken in zen mode (#1530)

---
 src/components/LayerUI.scss | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/components/LayerUI.scss b/src/components/LayerUI.scss
index 2f1f0b5c..32c851a9 100644
--- a/src/components/LayerUI.scss
+++ b/src/components/LayerUI.scss
@@ -69,7 +69,12 @@
 
   &__github-corner {
     top: 0;
-    right: 0;
+    :root[dir="ltr"] & {
+      right: 0;
+    }
+    :root[dir="rtl"] & {
+      left: 0;
+    }
     position: absolute;
     width: 40px;
   }
@@ -77,18 +82,29 @@
   &__footer {
     position: absolute;
     bottom: 0px;
-    right: 0;
+    :root[dir="ltr"] & {
+      right: 0;
+    }
+    :root[dir="rtl"] & {
+      left: 0;
+    }
     width: 190px;
   }
 
   .zen-mode-transition {
     transition: transform 0.5s ease-in-out;
-    &.transition-left {
+    :root[dir="ltr"] &.transition-left {
       transform: translate(-999px, 0);
     }
-    &.transition-right {
+    :root[dir="ltr"] &.transition-right {
       transform: translate(999px, 0px);
     }
+    :root[dir="rtl"] &.transition-left {
+      transform: translate(999px, 0);
+    }
+    :root[dir="rtl"] &.transition-right {
+      transform: translate(-999px, 0);
+    }
   }
 
   .disable-zen-mode {