Leatherface/mastodon
1
0
Fork 0
mirror of https://github.com/glitch-soc/mastodon.git synced 2025-12-13 15:58:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

[Glitch] fix: Fix quote posts styling on notifications page

Browse Source 
Port 3771f9e04b to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
diondiondion
2025-07-17 19:28:30 +02:00
committed by Claire
parent 4d3e2efb69
commit 47d469ec5e
1 changed files with 18 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1923,7 +1923,10 @@ body > [data-popper-placement] {
}
.status__quote {
--quote-margin: 36px;
// --status-gutter-width is currently only set inside of
// .notification-ungrouped, so everywhere else this will fall back
// to the pixel values
--quote-margin: var(--status-gutter-width, 36px);
position: relative;
margin-block-start: 16px;
@@ -1934,7 +1937,7 @@ body > [data-popper-placement] {
border: var(--nested-card-border);
@container (width > 460px) {
--quote-margin: 56px;
--quote-margin: var(--status-gutter-width, 56px);
}
}
@@ -11131,21 +11134,23 @@ noscript {
}
}
.status {
.status:not(.status--is-quote) {
border: 0;
padding: 0;
&__avatar {
width: 40px;
height: 40px;
}
}
.status__wrapper-direct {
background: transparent;
}
$icon-margin: 48px; // 40px avatar + 8px gap
.status {
// 40px avatar + 8px gap
--status-gutter-width: 48px;
}
.status--is-quote {
--status-gutter-width: 0;
}
.status__content,
.status__action-bar,
@@ -11159,16 +11164,16 @@ noscript {
.hashtag-bar,
.content-warning,
.filter-warning {
margin-inline-start: $icon-margin;
width: calc(100% - $icon-margin);
margin-inline-start: var(--status-gutter-width);
width: calc(100% - var(--status-gutter-width));
}
.more-from-author {
width: calc(100% - $icon-margin + 2px);
width: calc(100% - var(--status-gutter-width) + 2px);
}
.status__content__read-more-button {
margin-inline-start: $icon-margin;
margin-inline-start: var(--status-gutter-width);
}
.notification__report {