fix read more button overlapping thread line bug (#25706)

1 year ago · b34a0ff011
parent 2c31ac0c39
commit b34a0ff011
1 changed files with 8 additions and 2 deletions
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@ -1127,6 +1127,8 @@ body > [data-popper-placement] {
  }

  &--in-thread {
+    $thread-margin: 46px + 10px;
+
    border-bottom: 0;

    .status__content,
@ -1137,8 +1139,12 @@ body > [data-popper-placement] {
    .attachment-list,
    .picture-in-picture-placeholder,
    .status-card {
-      margin-inline-start: 46px + 10px;
-      width: calc(100% - (46px + 10px));
+      margin-inline-start: $thread-margin;
+      width: calc(100% - ($thread-margin));
+    }
+
+    .status__content__read-more-button {
+      margin-inline-start: $thread-margin;
    }
  }