Webstar/LibrePortal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ux(tasks): frame the task-type icon in a tile to match the app icon

Browse Source 
The type glyph (🩺/🔄/✅…) sat bare next to the framed .task-app-icon tile. Give
it the same 32px rounded tile (border + surface-elevated bg) so the two read as
a matched pair; spacing now comes from .task-info's gap like the app icon.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Signed-off-by: librelad <librelad@digitalangels.vip>
This commit is contained in:
librelad 2026-07-17 23:35:43 +01:00
parent 06bd49d768
commit 4f06674b61
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
containers/libreportal/frontend/core/theme/css/base.css
View File

@ -3403,9 +3403,16 @@ html[data-theme="nebula"]::after {
}
.task-type-icon {
/* Framed tile matching .task-app-icon so the type glyph and the app/logo icon
read as a matched pair. Spacing comes from .task-info's gap, like the app
icon, so drop the old per-side margins. */
width: 32px;
height: 32px;
border-radius: 8px;
border: 1px solid var(--border);
background: var(--surface-elevated);
flex: 0 0 auto;
font-size: 16px;
margin-left: 6px;
margin-right: 6px;
display: flex;
align-items: center;
justify-content: center;