Leatherface/mastodon
1
0
Fork 0
mirror of https://github.com/glitch-soc/mastodon.git synced 2025-12-24 19:37:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
Port c92e21813e 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
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 {
--quote-margin: 36px;
position: relative;
margin-block-start: 16px;
margin-inline-start: 36px;
margin-inline-start: calc(var(--quote-margin) + var(--thread-margin, 0px));
border-radius: 8px;
color: var(--nested-card-text);
background: var(--nested-card-background);
border: var(--nested-card-border);
@media screen and (min-width: $mobile-breakpoint) {
margin-inline-start: 56px;
@container (width > 460px) {
--quote-margin: 56px;
}
}
@@ -2017,7 +2019,7 @@ body > [data-popper-placement] {
transform: translateY(-50%);
}
@media screen and (min-width: $mobile-breakpoint) {
@container (width > 460px) {
inset-inline-start: -50px;
}
}
@@ -2943,6 +2945,7 @@ a.account__display-name {
display: flex;
flex-direction: column;
contain: inline-size layout paint style;
container: column / inline-size;
@media screen and (min-width: $no-gap-breakpoint) {
max-width: 600px;