Scarriffle/Calendarr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: web settings restructure + popup drag + calendar management table (v52)

Browse Source 
- Remove "Ansicht" tab; move Kalenderansicht to top of Darstellung
- Reorder Darstellung: Kalenderansicht → Sprache → Stundenhöhe → Farben
- Move Standard-Termindauer to Profil tab as contrast-button selector
- Replace per-source account sections in Kalender tab with unified
  calendar management table (Name/Herkunft/Ausgeblendet/Benachrichtigungen/
  Export·Import/Sync/Delete) covering all calendar sources
- Add "Konto hinzufügen" buttons (Lokal/CalDAV/iCal/HA/Google) to Kalender tab
- Popup drag-to-move via pointer capture on .popup-header

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-06-15 20:36:09 +02:00
parent 2c59d873f3
commit d1c5b66230
4 changed files with 380 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/css/app.css
View File

@@ -1137,6 +1137,7 @@ a { color: var(--primary); text-decoration: none; }
background: linear-gradient(180deg,
color-mix(in srgb, var(--ev-color, var(--primary)) 13%, transparent), transparent);
}
.ep-dragging { user-select: none; }
/* Slim accent strip in the event's colour. */
.popup-header::before {
content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
@@ -1430,6 +1431,31 @@ a { color: var(--primary); text-decoration: none; }
width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; display: inline-block;
}
/* ── Calendar Management Table ──────────────────────────── */
.accounts-add-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.cal-manage-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.cal-manage-table th {
text-align: left; font-size: 11px; font-weight: 600; text-transform: uppercase;
letter-spacing: .4px; color: var(--text-3); padding: 0 8px 8px 0;
border-bottom: 1px solid var(--border-light);
}
.cal-manage-table td { padding: 6px 8px 6px 0; border-bottom: 1px solid var(--border-light); vertical-align: middle; }
.cal-manage-table tbody tr:last-child td { border-bottom: none; }
.ct-acc-row td { padding-top: 14px; background: none; }
.ct-acc-row td:first-child { font-size: 13px; }
.ct-cal-row .ct-indent { padding-left: 16px; }
.ct-src { font-size: 11px; color: var(--text-3); white-space: nowrap; }
.ct-badge {
display: inline-block; font-size: 10px; font-weight: 600; padding: 1px 5px;
border-radius: 3px; background: var(--surface-2); color: var(--text-3);
margin-left: 6px; vertical-align: middle;
}
.ct-badge-g { background: #e8f0fe; color: #1a73e8; }
.ct-badge-ha { background: #e8f5e9; color: #2e7d32; }
.ct-dot { width: 9px; height: 9px; border-radius: 50%; display: inline-block; margin-right: 5px; vertical-align: middle; flex-shrink: 0; }
.ct-empty { color: var(--text-3); font-size: 13px; padding: 16px 0; text-align: center; }
.ct-toggle { cursor: pointer; }
/* ── Month View (spanning bars) ─────────────────────────── */
.month-body {
display: flex; flex-direction: column; flex: 1; overflow: hidden;