fa/breadcrumb-the-shire
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

big restructure

Browse Source
This commit is contained in:
Felix Schneider
2026-02-11 19:28:12 +01:00
parent cd59ccd99b
commit 3eb9cc0ac4
209 changed files with 5101 additions and 2459 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
web/css/layout/app-topbar.css
View File

@@ -1,29 +1,35 @@
.app-header nav li {
padding: 0;
}
form:has(input#app-search) {
flex: 1;
}
.app-header nav {
gap: var(--app-spacing);
}
.app-header {
--app-topbar-item-padding: 5px;
--app-topbar-list-gap: 8px;
--app-topbar-divider: 1px solid var(--app-border);
--app-topbar-margin-bottom: calc(var(--app-spacing) * 2);
--app-topbar-muted: var(--app-form-element-placeholder-color);
--app-topbar-bg: var(--app-background-color);
padding-block-start: 0;
padding-left: var(--app-spacing);
padding-right: var(--app-spacing);
margin-bottom: calc(var(--app-spacing) * 2);
margin-bottom: var(--app-topbar-margin-bottom);
color: var(--app-contrast);
border-bottom: 1px solid var(--app-border);
border-bottom: var(--app-topbar-divider);
}
main:has(.app-details-container) .app-header {
margin-bottom: 0;
}
li:has(#toggle-main-content-aside) {
.app-header nav {
gap: var(--app-spacing);
}
.app-header nav li {
padding: 0;
}
.app-header form:has(input#app-search) {
flex: 1;
}
.app-header li:has(#toggle-main-content-aside) {
display: none;
}
@@ -33,7 +39,7 @@ main:has(#app-details-aside-section) li:has(#toggle-main-content-aside) {
.app-header nav > ul {
display: flex;
gap: 8px;
gap: var(--app-topbar-list-gap);
align-items: center;
color: var(--app-muted-color);
}
@@ -41,7 +47,7 @@ main:has(#app-details-aside-section) li:has(#toggle-main-content-aside) {
.app-header details.dropdown > summary:not([role]) {
border: none;
height: auto;
padding: 5px;
padding: var(--app-topbar-item-padding);
border-radius: 0;
background: transparent;
}
@@ -51,15 +57,15 @@ main:has(#app-details-aside-section) li:has(#toggle-main-content-aside) {
}
.app-header nav > ul li a {
padding: 5px;
color: var(--app-form-element-placeholder-color);
padding: var(--app-topbar-item-padding);
color: var(--app-topbar-muted);
display: block;
margin: 0;
}
.app-header button {
padding: 5px;
color: var(--app-form-element-placeholder-color);
padding: var(--app-topbar-item-padding);
color: var(--app-topbar-muted);
display: block;
margin: 0;
background: transparent;
@@ -77,11 +83,11 @@ main:has(#app-details-aside-section) li:has(#toggle-main-content-aside) {
header.app-header {
position: sticky;
top: 0;
background: var(--app-background-color);
background: var(--app-topbar-bg);
z-index: 10;
}
}
.app-header details.dropdown[open] > summary::before {
display: none;
}
}