M_Viper/deskhub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Upload via GUI (335 Dateien)

Browse Source
This commit is contained in:
M_Viper
2026-10-24 20:14:51 +00:00
parent c3b6bd5dcd
commit 7ee6d97c63
8 changed files with 536 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeskHub-Webseite/assets/css/style.css
+76
View File
@@ -1058,3 +1058,79 @@ body:has(.auth-wrap) .page-content > .auth-wrap {
details > summary { outline: none; }
details > summary::-webkit-details-marker { display: none; }
details[open] > summary span:last-child { transform: rotate(180deg); display:inline-block; }
/* Anmeldeseite der Mitarbeiter: Kopf- und Fußzeile, Hintergrund. Themes setzen --staff-login-* oder überschreiben die Klassen. */
body.staff-login-page {
margin: 0;
display: flex;
flex-direction: column;
min-height: 100vh;
background-color: var(--staff-login-bg, #16202a);
}
.staff-login-header {
display: flex; align-items: center; justify-content: space-between; flex-shrink: 0;
height: 56px; padding: 0 28px;
background: var(--staff-login-chrome, rgba(14,26,34,.95));
border-bottom: var(--staff-login-line, 1px solid rgba(255,255,255,.08));
}
.staff-login-brand { display: flex; align-items: center; gap: 12px; }
.staff-login-brand img { height: 32px; width: auto; }
.staff-login-brand-name { color: var(--staff-login-chrome-ink, #fff); font-weight: 700; font-size: .95rem; }
.staff-login-back { color: var(--staff-login-chrome-muted, rgba(255,255,255,.5)); font-size: .8rem; text-decoration: none; }
.staff-login-back:hover { color: var(--staff-login-chrome-ink, #fff); }
.staff-login-footer {
flex-shrink: 0; padding: 12px 28px; text-align: center;
background: var(--staff-login-chrome, rgba(14,26,34,.95));
border-top: var(--staff-login-line, 1px solid rgba(255,255,255,.08));
}
.staff-login-footer span { color: var(--staff-login-chrome-faint, rgba(255,255,255,.3)); font-size: .75rem; }
.staff-login-title { font-size: 1.4rem; font-weight: 700; margin: 0 0 4px; color: #0f1923; }
/* ── Seitenleiste ein-/ausklappen (eingeklappt bleibt eine Iconleiste) ─────────── */
.sidebar-toggle {
border: 0; cursor: pointer; font: inherit; line-height: 1;
color: #a8b8c8; background: rgba(255,255,255,.07);
width: 30px; height: 30px; border-radius: 8px; font-size: 1.1rem;
transition: background .12s, color .12s;
}
.sidebar-toggle:hover { background: rgba(255,255,255,.16); color: #fff; }
.sidebar-toggle-close { position: absolute; top: 16px; right: 12px; z-index: 2; }
.sidebar-toggle-open { display: none; }
.sidebar .nav-ico { display: none; }
.sidebar .nav-ico svg { display: block; }
@media (min-width: 821px) {
html.sidebar-closed .sidebar { width: 64px; overflow-x: hidden; }
html.sidebar-closed .sidebar .brand { height: 62px; padding: 0; font-size: 0; overflow: hidden; }
html.sidebar-closed .sidebar .brand > * { display: none; }
html.sidebar-closed .sidebar .sidebar-toggle-close { right: 17px; }
html.sidebar-closed .sidebar nav a { justify-content: center; padding: 11px 0; gap: 0; }
html.sidebar-closed .sidebar .nav-ico { display: flex; }
html.sidebar-closed .sidebar .nav-label { display: none; }
html.sidebar-closed .sidebar .nav-section-label { display: none; }
html.sidebar-closed .sidebar .nav-admin-block { display: block !important; border-top: 1px solid #243040; margin-top: 6px; padding-top: 6px; }
html.sidebar-closed .sidebar .nav-group-label { display: block; height: 1px; padding: 0; margin: 8px 14px; background: #243040; font-size: 0; overflow: hidden; }
html.sidebar-closed .sidebar .sidebar-footer { padding: 10px 0; }
html.sidebar-closed .sidebar .sidebar-footer > div { flex-direction: column; justify-content: center; align-items: center; gap: 12px !important; margin-bottom: 10px !important; }
html.sidebar-closed .sidebar .sidebar-footer > div:first-child > div:last-child { display: none; }
html.sidebar-closed .sidebar .sidebar-footer a { display: flex; }
html.sidebar-closed .sidebar .sidebar-footer .nav-ico { display: flex; }
html.sidebar-closed .sidebar .sidebar-footer .nav-label { display: none; }
}
@media (max-width: 820px) {
.sidebar { position: relative; }
.sidebar-toggle-close { top: 14px; }
.sidebar-toggle-open { position: fixed; top: 12px; left: 12px; z-index: 9998; background: var(--ink); color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.25); }
html.sidebar-closed .sidebar { display: none; }
html.sidebar-closed .sidebar-toggle-open { display: block; }
html.sidebar-closed .main { padding-top: 56px; }
}
/* Das Logo darf nicht unter den Einklappen-Knopf rutschen */
.sidebar .brand { padding-right: 52px; }
.sidebar .brand img { max-width: 100% !important; height: auto; }
/* Sprachwechsler: in der schmalen Iconleiste nicht anzeigen */
@media (min-width: 821px) {
html.sidebar-closed .sidebar .lang-row { display: none; }
}