[Glitch] Refactor styles to use logical properties for positioning (#2156)

Port babd86e594 and 45848d6547 to glitch-soc Signed-off-by: Plastikmensch <plastikmensch@users.noreply.github.com>
2023-04-16 17:45:18 +02:00
parent 0cbd579ef0
commit f28942cef9
36 changed files with 349 additions and 579 deletions
--- a/app/javascript/flavours/glitch/styles/components/local_settings.scss
+++ b/app/javascript/flavours/glitch/styles/components/local_settings.scss
@@ -20,12 +20,12 @@
  .boolean label,
  .radio_buttons label {
    position: relative;
-    padding-left: 28px;
+    padding-inline-start: 28px;
    padding-top: 3px;

    input {
      position: absolute;
-      left: 0;
+      inset-inline-start: 0;
      top: 0;
    }
  }
@@ -149,7 +149,7 @@

  ul {
    padding: 10px;
-    margin-left: 12px;
+    margin-inline-start: 12px;
    list-style: disc inside;
  }