Skip to content

feat(styles): size the team icon on assignee chips to the chip line #8084

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
renemadsen merged 1 commit into from
Sep 18, 2026
Merged

feat(styles): size the team icon on assignee chips to the chip line #8084

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 18 additions & 0 deletions eform-client/src/scss/components/_material-dropdown.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Loading