monorail
/
mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Glitch] Fix column borders disappearing in advanced interface on low width viewports 

Port b2d841ce9a to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Claire 2024-03-27 00:14:11 +01:00
parent 7b46517c38
commit 03af271d3d
1 changed files with 23 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3104,24 +3104,31 @@ $ui-header-height: 55px;
} }
} }
.layout-single-column .ui__header { .layout-single-column {
display: flex; .ui__header {
background: var(--background-color-tint); display: flex;
border-bottom: 1px solid var(--background-border-color); background: var(--background-color-tint);
} border-bottom: 1px solid var(--background-border-color);
}
.column > .scrollable, .column > .scrollable,
.tabs-bar__wrapper .column-header, .tabs-bar__wrapper .column-header,
.tabs-bar__wrapper .column-back-button { .tabs-bar__wrapper .column-back-button {
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
} }
.column-header, .column-header,
.column-back-button, .column-back-button,
.scrollable, .scrollable,
.error-column { .error-column {
border-radius: 0 !important; border-radius: 0 !important;
}
.column-header,
.column-back-button {
border-top: 0;
}
} }
} }
@ -3680,10 +3687,6 @@ $ui-header-height: 55px;
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;
} }
@media screen and (max-width: $no-gap-breakpoint) {
border-top: 0;
}
} }
.column-header__back-button { .column-header__back-button {
@ -4470,10 +4473,6 @@ a.status-card {
padding-top: 16px; padding-top: 16px;
} }
} }
@media screen and (max-width: $no-gap-breakpoint) {
border-top: 0;
}
} }
.column-header__buttons { .column-header__buttons {