Fix column borders disappearing in advanced interface on low width viewports (#29763)
parent
c4feba4347
commit
b2d841ce9a
|
@ -2890,7 +2890,8 @@ $ui-header-height: 55px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-single-column .ui__header {
|
.layout-single-column {
|
||||||
|
.ui__header {
|
||||||
display: flex;
|
display: flex;
|
||||||
background: var(--background-color-tint);
|
background: var(--background-color-tint);
|
||||||
border-bottom: 1px solid var(--background-border-color);
|
border-bottom: 1px solid var(--background-border-color);
|
||||||
|
@ -2909,6 +2910,12 @@ $ui-header-height: 55px;
|
||||||
.error-column {
|
.error-column {
|
||||||
border-radius: 0 !important;
|
border-radius: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.column-header,
|
||||||
|
.column-back-button {
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: $no-gap-breakpoint - 285px - 1px) {
|
@media screen and (max-width: $no-gap-breakpoint - 285px - 1px) {
|
||||||
|
@ -3466,10 +3473,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 {
|
||||||
|
@ -4233,10 +4236,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 {
|
||||||
|
|
Loading…
Reference in New Issue