fix(rtl): toggle arrow & vertical controls

diplodoc-platform · Jan 17, 2024 · 2ec4daf · 2ec4daf
1 parent ebb4d6e
commit 2ec4daf
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 10 deletions.
diff --git a/src/components/DocPage/DocPage.scss b/src/components/DocPage/DocPage.scss
@@ -258,6 +258,11 @@
     @media screen and (min-width: 1024px) {
         &#{&}_full-screen#{&}_regular-page-width &__controls_vertical {
             right: -36px;
+
+            [dir='rtl'] & {
+                left: -36px;
+                right: auto;
+            }
         }
     }
     /* stylelint-disable declaration-no-important */

diff --git a/src/components/ToggleArrow/ToggleArrow.scss b/src/components/ToggleArrow/ToggleArrow.scss
@@ -6,30 +6,32 @@
     &_type {
         &_horizontal {
             transform: rotate(0deg);
-        }
-
-        &_vertical {
-            transform: rotate(90deg);
-        }
 
-        [dir='rtl'] & {
-            &_horizontal {
+            [dir='rtl'] & {
                 transform: rotate(180deg);
             }
+        }
 
-            &_vertical {
-                transform: rotate(90deg);
-            }
+        &_vertical {
+            transform: rotate(90deg);
         }
     }
 
     &_open {
         &#{$root}_type_horizontal {
             transform: rotate(90deg);
+
+            [dir='rtl'] & {
+                transform: rotate(90deg);
+            }
         }
 
         &#{$root}_type_vertical {
             transform: rotate(-90deg);
+
+            [dir='rtl'] & {
+                transform: rotate(90deg);
+            }
         }
     }