techhub/mastodon
2
0
Fork 0
Code Activity

fix: Fix indentation of quote posts in threads (#34961)

Browse Source
This commit is contained in:
diondiondion
2025-06-06 14:37:56 +02:00
committed by GitHub
parent 076005eae2
commit c92e21813e
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/javascript/styles/mastodon/components.scss
View File

@@ -1882,16 +1882,18 @@ body > [data-popper-placement] {
} }
.status__quote { .status__quote {
--quote-margin: 36px;
position: relative; position: relative;
margin-block-start: 16px; margin-block-start: 16px;
margin-inline-start: 36px; margin-inline-start: calc(var(--quote-margin) + var(--thread-margin, 0px));
border-radius: 8px; border-radius: 8px;
color: var(--nested-card-text); color: var(--nested-card-text);
background: var(--nested-card-background); background: var(--nested-card-background);
border: var(--nested-card-border); border: var(--nested-card-border);
@media screen and (min-width: $mobile-breakpoint) { @container (width > 460px) {
margin-inline-start: 56px; --quote-margin: 56px;
} }
} }
@@ -1951,7 +1953,7 @@ body > [data-popper-placement] {
transform: translateY(-50%); transform: translateY(-50%);
} }
@media screen and (min-width: $mobile-breakpoint) { @container (width > 460px) {
inset-inline-start: -50px; inset-inline-start: -50px;
} }
} }
@@ -2878,6 +2880,7 @@ a.account__display-name {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
contain: inline-size layout paint style; contain: inline-size layout paint style;
container: column / inline-size;
@media screen and (min-width: $no-gap-breakpoint) { @media screen and (min-width: $no-gap-breakpoint) {
max-width: 600px; max-width: 600px;