87 lines
1.6 KiB
CSS
87 lines
1.6 KiB
CSS
.app-header nav li {
|
|
padding: 0;
|
|
}
|
|
|
|
form:has(input#app-search) {
|
|
flex: 1;
|
|
}
|
|
|
|
.app-header nav {
|
|
gap: var(--app-spacing);
|
|
}
|
|
|
|
.app-header {
|
|
padding-block-start: 0;
|
|
padding-left: var(--app-spacing);
|
|
padding-right: var(--app-spacing);
|
|
margin-bottom: calc(var(--app-spacing) * 2);
|
|
color: var(--app-contrast);
|
|
border-bottom: 1px solid var(--app-border);
|
|
}
|
|
|
|
main:has(.app-details-container) .app-header {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
li:has(#toggle-main-content-aside) {
|
|
display: none;
|
|
}
|
|
|
|
main:has(#app-details-aside-section) li:has(#toggle-main-content-aside) {
|
|
display: block;
|
|
}
|
|
|
|
.app-header nav > ul {
|
|
display: flex;
|
|
gap: 8px;
|
|
align-items: center;
|
|
color: var(--app-muted-color);
|
|
}
|
|
|
|
.app-header details.dropdown > summary:not([role]) {
|
|
border: none;
|
|
height: auto;
|
|
padding: 5px;
|
|
border-radius: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
.app-header details.dropdown > summary:not([role]):after {
|
|
display: none;
|
|
}
|
|
|
|
.app-header nav > ul li a {
|
|
padding: 5px;
|
|
color: var(--app-form-element-placeholder-color);
|
|
display: block;
|
|
margin: 0;
|
|
}
|
|
|
|
.app-header button {
|
|
padding: 5px;
|
|
color: var(--app-form-element-placeholder-color);
|
|
display: block;
|
|
margin: 0;
|
|
background: transparent;
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
.app-header #global-back.is-disabled,
|
|
.app-header #global-forward.is-disabled {
|
|
opacity: 0.4;
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
header.app-header {
|
|
position: sticky;
|
|
top: 0;
|
|
background: var(--app-background-color);
|
|
z-index: 10;
|
|
}
|
|
}
|
|
|
|
.app-header details.dropdown[open] > summary::before {
|
|
display: none;
|
|
} |