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

[Glitch] Profile redesign: Make padding consistent with main timeline

Browse Source 
Port 145dcfadceb7de2616f62bb414f5fa68c833be29 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Echo 2026-04-02 14:39:12 +02:00 committed by Claire
parent 9758c59f64
commit baa253cd8e
2 changed files with 6 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/javascript/flavours/glitch/features/account_timeline/components/redesign.module.scss
View File

@ -9,11 +9,7 @@
.barWrapper { .barWrapper {
border-bottom: none; border-bottom: none;
padding-inline: 24px; padding-inline: 16px;
@container (width < 500px) {
padding-inline: 16px;
}
} }
.avatarWrapper { .avatarWrapper {
@ -324,7 +320,7 @@ svg.badgeIcon {
} }
.modalFieldsList { .modalFieldsList {
padding: 24px; padding: 16px;
} }
.modalFieldItem { .modalFieldItem {
@ -363,11 +359,9 @@ svg.badgeIcon {
.tabs { .tabs {
display: flex; display: flex;
gap: 12px; gap: 12px;
padding: 0 24px; padding: 0 16px;
@container (width < 500px) { @container (width < 500px) {
padding: 0 16px;
a { a {
flex: 1 1 0px; flex: 1 1 0px;
text-align: center; text-align: center;

11
app/javascript/flavours/glitch/features/account_timeline/v2/styles.module.scss
View File

@ -1,5 +1,5 @@
.filtersWrapper { .filtersWrapper {
padding: 16px 24px 8px; padding: 16px 16px 8px;
} }
.filterSelectButton { .filterSelectButton {
@ -51,7 +51,7 @@
.tagsWrapper, .tagsWrapper,
.tagSuggestions { .tagSuggestions {
margin: 0 24px 8px; margin: 0 16px 8px;
} }
.tagsWrapper { .tagsWrapper {
@ -76,11 +76,6 @@
} }
.statusWrapper { .statusWrapper {
:global(.status) {
padding-left: 24px;
padding-right: 24px;
}
&:has(.pinnedViewAllButton) :global(.status):has(.pinnedStatusHeader) { &:has(.pinnedViewAllButton) :global(.status):has(.pinnedStatusHeader) {
border-bottom: none; border-bottom: none;
} }
@ -97,7 +92,7 @@
box-sizing: border-box; box-sizing: border-box;
color: var(--color-text-primary); color: var(--color-text-primary);
line-height: normal; line-height: normal;
margin: 12px 24px; margin: 12px 16px;
padding: 8px; padding: 8px;
transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out;
width: calc(100% - 48px); width: calc(100% - 48px);