From bd47fe3403c0f7a43ba2afa4a2ebb337cb9b2b77 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ren=C3=A9=20Schultz=20Madsen?= Date: Fri, 18 Sep 2026 20:02:42 +0200 Subject: [PATCH] feat(styles): size the team icon on assignee chips to the chip line The calendar task modal's assignee picker renders selected team chips with a mat-icon (`calendar-assignee-team-icon`). mat-icon keeps its 24x24 box, so team chips were taller than worker chips. Size the icon to 16px on the chip line, with specificity above the `.md-18` icon rules; colour is inherited from the chip under both themes. Refs microting/eform-backendconfiguration-plugin#1295 Co-Authored-By: Claude Opus 5 --- .../scss/components/_material-dropdown.scss | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/eform-client/src/scss/components/_material-dropdown.scss b/eform-client/src/scss/components/_material-dropdown.scss index 057240f435..e74bda8831 100644 --- a/eform-client/src/scss/components/_material-dropdown.scss +++ b/eform-client/src/scss/components/_material-dropdown.scss @@ -629,3 +629,21 @@ body { .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child:has(.eform-worker-option-label) { padding-left: 32px; } + +// Calendar task modal — group icon on selected TEAM chips (#calendarEventAssignee). +// A bare mat-icon keeps its 24x24 box, which makes team chips taller than +// worker chips. Size it to the chip's text line instead. Specificity (0,4,0) +// outranks `.mat-icon.material-{icons,symbols-*}.md-18` (0,3,0) from _icon.scss +// regardless of source order. No colour is set: the icon inherits the chip +// text colour under both theme-eform and theme-workspace, light and dark. +// theme-workspace lays the chip out as inline-flex (the × moves to the end via +// `order: 2`); theme-eform keeps it inline, hence vertical-align. +.ng-select .ng-value .mat-icon.calendar-assignee-team-icon { + width: 16px; + height: 16px; + font-size: 16px; + line-height: 16px; + vertical-align: middle; + margin-right: 2px; + flex-shrink: 0; +}