tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Glitch] fix: Fix indentation of quote posts in threads

Browse Source 
Port c92e21813e203f8babc344dc82a018e465f12798 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
diondiondion 2025-06-06 14:37:56 +02:00 committed by Claire
parent 9df67e0c74
commit 49071fd4c0
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/javascript/flavours/glitch/styles/components.scss
View File

@ -1948,16 +1948,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;
} }
} }
@ -2017,7 +2019,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;
} }
} }
@ -2943,6 +2945,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;