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

2023-07-04 22:57:46 +10:00
parent 12fa24a885
commit 182fd93a07
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;
    }
  }