gitea/nas
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

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
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
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;