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

Add drag-resizable columns to the calendar settings table

Browse Source 
Column widths are draggable via a handle on each header's right edge and
persisted in localStorage (re-applied on re-render). Uses fixed table layout
locked to measured px widths so resizing one column doesn't reflow the others.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-07-13 21:06:36 +02:00
parent 16ff434bef
commit 0ce77ccdf8
2 changed files with 58 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/css/app.css
View File

@@ -1479,6 +1479,13 @@ a { color: var(--primary); text-decoration: none; }
}
.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; }
/* Drag-resizable columns: a grab handle on each header's right edge. */
.cal-manage-table th { position: relative; }
.cal-manage-table th .col-resizer {
position: absolute; top: 0; right: 0; width: 8px; height: 100%;
cursor: col-resize; user-select: none; touch-action: none;
}
.cal-manage-table th .col-resizer:hover { background: var(--border); }
.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; }