Refactor styles to use logical properties for positioning (#23944)

2023-03-27 10:56:25 +02:00
parent 88fc04d3d7
commit babd86e594
15 changed files with 279 additions and 571 deletions
--- a/app/javascript/styles/mastodon/statuses.scss
+++ b/app/javascript/styles/mastodon/statuses.scss
@@ -97,7 +97,7 @@
    width: 20px;
    height: auto;
    vertical-align: middle;
-    margin-right: 5px;
+    margin-inline-end: 5px;
    fill: $primary-text-color;
  }

@@ -162,7 +162,7 @@ a.button.logo-button {
    min-height: 48px + 2px;

    &__avatar {
-      left: 15px;
+      inset-inline-start: 15px;
      top: 17px;

      .account__avatar {
@@ -176,12 +176,12 @@ a.button.logo-button {
    }

    &__prepend {
-      margin-left: 48px + 15px * 2;
+      margin-inline-start: 48px + 15px * 2;
      padding-top: 15px;
    }

    &__prepend-icon-wrapper {
-      left: -32px;
+      inset-inline-start: -32px;
    }

    .media-gallery,