Entwicklung/xxx-sphere-web
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Weiter an der Oberfläche getüftelt
Some checks failed
Host-Based Deploy (Java 21 Fix) / build-and-run (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Mario Störmer
2026-04-08 22:50:10 +02:00
parent 2b0ce62d33
commit ec1409820b
30 changed files with 8390 additions and 2066 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
bin/main/static/css/style.css
View File

@@ -577,6 +577,8 @@ body.app {
align-items: center;
gap: 0.75rem;
padding: 0.55rem 1rem;
position: relative;
z-index: 500;
}
/* Linker Bereich – Banner, gleiche Breite wie Sidebar */
@@ -596,6 +598,7 @@ body.app {
display: flex;
align-items: center;
height: 100%;
padding: 0 0.5rem;
}
.topbar-banner {
height: 3.5rem;
@@ -638,20 +641,31 @@ body.app {
.topbar-search-overlay {
position: absolute;
top: calc(100% + 6px);
top: 100%;
left: 0;
right: 0;
background: var(--color-card);
border: 1px solid var(--color-secondary);
border-radius: 10px;
border-top: none;
border-radius: 0 0 10px 10px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
z-index: 600;
max-height: 360px;
overflow-y: auto;
display: none;
visibility: hidden;
opacity: 0;
transform: translateY(-8px);
pointer-events: none;
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s;
}
.topbar-search-overlay.open { display: block; }
.topbar-search-overlay.open {
visibility: visible;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0s;
}
.topbar-search-hint {
padding: 0.75rem 1rem;
@@ -794,17 +808,29 @@ body.app {
position: fixed;
background: var(--color-card);
border: 1px solid var(--color-secondary);
border-radius: 12px;
border-top: none;
border-radius: 0 0 12px 12px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.65);
z-index: 550;
width: 360px;
max-height: 500px;
display: none;
display: flex;
flex-direction: column;
overflow: hidden;
visibility: hidden;
opacity: 0;
transform: translateY(-12px);
pointer-events: none;
transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0.22s;
}
.topbar-panel.open { display: flex; }
.topbar-panel.open {
visibility: visible;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0s;
}
.topbar-panel-header {
display: flex;
@@ -996,7 +1022,12 @@ body.app {
.topbar-profile-link:hover { background: var(--color-secondary); }
.topbar-profile-link--danger { color: var(--color-primary); }
/* ── Mobile: Topbar ausblenden ── */
/* ── Mobile: Topbar ausblenden, Content-Rahmen entfernen ── */
@media (max-width: 768px) {
.topbar { display: none; }
.main {
border: none;
border-radius: 0;
box-shadow: none;
}
}