🐛 fix(i18n): reverse arrows in RTL languages (#272)

Co-authored-by: welpo <welpo@users.noreply.github.com>
2024-02-12 20:46:48 +03:00
parent 009d2f646d
commit b3ef23f305
7 changed files with 23 additions and 12 deletions
--- a/sass/parts/_misc.scss
+++ b/sass/parts/_misc.scss
@@ -212,3 +212,14 @@ details summary {
        }
    }
 }
+
+:dir(rtl) .arrow {
+    display: inline-block;
+    transform: rotate(180deg);
+}
+
+// This for the arrows that point to a corner, (e.g. '↗', '↘', '↙', '↖')
+:dir(rtl) .arrow-corner {
+    display: inline-block;
+    transform: rotate(270deg);
+}