Fix column borders disappearing in advanced interface on low width viewports (#29763)

This commit is contained in:
Claire 2024-03-27 00:14:11 +01:00 committed by GitHub
parent c4feba4347
commit b2d841ce9a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

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