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

Upload via GUI (364 Dateien)

Browse Source
This commit is contained in:
M_Viper
2026-11-01 11:16:18 +00:00
parent 25beaea671
commit 257fbc1e55
2 changed files with 23 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeskHub-Webseite/assets/css/style.css
+22
View File
@@ -1134,3 +1134,25 @@ body.staff-login-page {
@media (min-width: 821px) {
html.sidebar-closed .sidebar .lang-row { display: none; }
}
/* ── Seitenleiste unten: Benutzerkarte, Symbolleiste, Sprache ───────────── */
.sidebar-footer .sf-user { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.sidebar-footer .sf-avatar { width:38px; height:38px; border-radius:50%; object-fit:cover; flex-shrink:0; border:2px solid #2a3744; }
.sidebar-footer .sf-avatar-letter { display:flex; align-items:center; justify-content:center; background:rgba(15,111,106,.3); color:#8bc4c2; font-weight:700; font-size:1rem; }
.sidebar-footer .sf-who { min-width:0; display:flex; flex-direction:column; gap:1px; align-items:flex-start; }
.sidebar-footer .sf-name { font-size:.86rem; font-weight:700; color:#fff; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sidebar-footer .sf-role { font-size:.72rem; color:#7c8da0; }
.sidebar-footer .sf-vac { margin-top:3px; font-size:.68rem; font-weight:600; color:#fbbf24; background:rgba(251,191,36,.14); border-radius:10px; padding:1px 8px; }
.sidebar-footer .sf-actions { display:grid; grid-template-columns:repeat(4, 1fr); gap:6px; margin-bottom:10px; }
.sidebar-footer .sf-btn { position:relative; display:flex; align-items:center; justify-content:center; height:34px; border-radius:9px; background:rgba(255,255,255,.06); color:#a9b6c3; text-decoration:none; transition:background .15s, color .15s; }
.sidebar-footer .sf-btn:hover { background:rgba(255,255,255,.14); color:#fff; }
.sidebar-footer .sf-btn-out:hover { background:rgba(220,38,38,.28); color:#fecaca; }
.sidebar-footer .sf-btn:focus-visible { outline:2px solid #8bc4c2; outline-offset:1px; }
.sidebar-footer .sf-badge { position:absolute; top:-5px; right:-4px; min-width:16px; height:16px; padding:0 4px; border-radius:8px; background:#dc2626; color:#fff; font-size:.62rem; font-weight:700; display:flex; align-items:center; justify-content:center; line-height:1; box-shadow:0 0 0 2px #1b2733; }
.sidebar-footer .lang-row { display:flex; justify-content:center; }
.sidebar-footer .lang-row .lang-switch { gap:4px !important; padding:3px; background:rgba(255,255,255,.05); border-radius:9px; }
.sidebar-footer .lang-row .lang-switch a { padding:2px !important; border-radius:6px !important; outline-offset:0 !important; }
.sidebar-footer .lang-row .lang-switch img { width:22px !important; height:15px !important; }
html.sidebar-closed .sidebar .sidebar-footer .sf-actions { grid-template-columns:1fr; }
html.sidebar-closed .sidebar .sidebar-footer .sf-btn { width:34px; margin:0 auto; }
html.sidebar-closed .sidebar .sidebar-footer .sf-user { justify-content:center; }