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

feat(web): hide individual member calendars in the group view

Browse Source 
In the group overlay a per-member filter bar appears under the banner: tap a
member (or the group calendar) to hide/show their events, Outlook-style.
Filtering is client-side by event owner; members + colours load from the group
detail. Bumped version.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-06-01 18:16:25 +02:00
parent 447c3ddab1
commit 12c14e3c02
4 changed files with 87 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/css/app.css
View File

@@ -1840,6 +1840,32 @@ a { color: var(--primary); text-decoration: none; }
font-size: 14px;
color: var(--text-1);
}
/* Per-member filter bar under the group banner (hide individual people). */
.group-members-filter {
display: flex;
flex-wrap: wrap;
gap: 6px;
padding: 8px 16px;
background: color-mix(in srgb, var(--accent) 7%, var(--bg-app));
border-bottom: 1px solid var(--border);
}
.gmf-chip {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 10px;
border-radius: 999px;
border: 1px solid var(--border);
background: var(--bg-surface);
color: var(--text-1);
font-size: 12.5px;
cursor: pointer;
transition: opacity var(--transition), background var(--transition);
}
.gmf-chip:hover { background: var(--bg-hover); }
.gmf-chip.gmf-off { opacity: 0.4; text-decoration: line-through; }
.gmf-dot { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; }
.group-item-active {
background: var(--bg-surface);
background: color-mix(in srgb, var(--accent) 18%, transparent);