[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/about.scss
+++ b/app/javascript/flavours/glitch/styles/components/about.scss
@@ -5,7 +5,7 @@
  &__preview {
    position: absolute;
    top: 0;
-    left: 0;
+    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
@@ -211,7 +211,7 @@
  }

  .account__avatar-wrapper {
-    margin-left: 0;
+    margin-inline-start: 0;
  }

  .account__relationship {