Impressum-Popup: Copyright in Sidebar und Login-Seite hinzufügen

- © 2026 Scarriffleservices am unteren Rand der Sidebar (sticky)
- Gleicher Link auf der Login-Seite (unten mittig)
- Impressum-Modal: Anbieter, Datenspeicherung Schweiz, Haftungsausschluss, Kontakt
This commit is contained in:
2026-03-27 10:06:31 +01:00
parent bad1ed500f
commit fa0a96994e
2 changed files with 58 additions and 1 deletions

View File

@@ -122,6 +122,13 @@ a { color: var(--primary); text-decoration: none; }
.auth-logo h1 { font-size: 24px; font-weight: 600; color: var(--text-1); }
.auth-card h2 { font-size: 18px; margin-bottom: 4px; }
.auth-sub { color: var(--text-2); margin-bottom: 24px; }
.impressum-link {
position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);
background: none; border: none; cursor: pointer;
font-size: 12px; color: var(--text-3);
transition: color var(--transition); white-space: nowrap;
}
.impressum-link:hover { color: var(--text-1); }
/* ── Forms ──────────────────────────────────────────────── */
.form-group {
@@ -339,7 +346,18 @@ a { color: var(--primary); text-decoration: none; }
transition: transform var(--transition);
}
.sidebar.collapsed { transform: translateX(calc(-1 * var(--sidebar-w))); margin-right: calc(-1 * var(--sidebar-w)); }
.sidebar-inner { padding-bottom: 24px; }
.sidebar-inner { padding-bottom: 8px; }
.sidebar-copyright {
display: block; width: 100%;
padding: 10px 16px 12px;
font-size: 11px; color: var(--text-3);
text-align: center; cursor: pointer;
background: none; border: none; border-top: 1px solid var(--border);
transition: color var(--transition);
position: sticky; bottom: 0;
background: var(--bg-sidebar);
}
.sidebar-copyright:hover { color: var(--text-1); }
.main-view { flex: 1; overflow: auto; display: flex; flex-direction: column; }
#view-container { flex: 1; display: flex; flex-direction: column; }
@@ -651,6 +669,10 @@ a { color: var(--primary); text-decoration: none; }
.modal-header h3 { font-size: 18px; font-weight: 500; flex: 1; }
.modal-close { font-size: 24px; }
.modal-body { padding: 20px; }
.modal-body p { margin: 0 0 14px; font-size: 14px; color: var(--text-1); }
.modal-body p:last-child { margin-bottom: 0; }
.modal-body a { color: var(--primary); text-decoration: none; }
.modal-body a:hover { text-decoration: underline; }
.modal-footer {
display: flex; align-items: center; gap: 8px;
padding: 12px 20px; border-top: 1px solid var(--border);