From 49071fd4c072ffbc3fb9f685924ac7adce05db0d Mon Sep 17 00:00:00 2001 From: diondiondion Date: Fri, 6 Jun 2025 14:37:56 +0200 Subject: [PATCH] [Glitch] fix: Fix indentation of quote posts in threads Port c92e21813e203f8babc344dc82a018e465f12798 to glitch-soc Signed-off-by: Claire --- app/javascript/flavours/glitch/styles/components.scss | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss index 421ffbada3..bbd3b88fbd 100644 --- a/app/javascript/flavours/glitch/styles/components.scss +++ b/app/javascript/flavours/glitch/styles/components.scss @@ -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;