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

feat(web): non-emoji group icons (inline SVG) for consistent cross-platform look

Browse Source 
Group icons are semantic keys rendered as inline SVG (mirroring iOS SF Symbols /
Android Material) in the picker, group list and sidebar flags — instead of OS
emoji that vary per platform. Legacy emoji values still render as a fallback.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-06-01 20:25:40 +02:00
parent 4b7e5799bf
commit 817ce075d4
3 changed files with 42 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/css/app.css
View File

@@ -1988,5 +1988,8 @@ a { color: var(--primary); text-decoration: none; }
border-radius: 8px;
cursor: pointer;
}
.group-icon-opt { color: var(--text-1); }
.group-icon-opt:hover { background: var(--bg-surface); }
.group-icon-opt.on { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent) inset; }
.group-icon-opt.on { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent) inset; color: var(--accent); }
/* SVG group icons render as block so they centre cleanly (vs emoji baseline). */
.group-emoji svg, .cal-shared-flag svg, .group-icon-opt svg { display: block; }