Skip to content

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

Merged
renemadsen merged 1 commit into
stablefrom
feat/assignee-team-chip-icon
Sep 18, 2026
Merged

renemadsen merged 1 commit into
stablefrom
feat/assignee-team-chip-icon

Conversation

@renemadsen

Copy link
Copy Markdown
Member

Needed by microting/eform-backendconfiguration-plugin#1295 (part of epic microting/eform-backendconfiguration-plugin#1304).

#1295 merges teams into the task modal's #calendarEventAssignee select. Selected team chips show a groups icon (<mat-icon class="md-18 calendar-assignee-team-icon">). A mat-icon keeps a 24×24 box, so team chips came out taller than worker chips.

This adds one global rule to _material-dropdown.scss, next to the existing eform-worker-group-label / eform-worker-option-label rules. It gives the icon a 16px box, vertical-align: middle, and flex-shrink: 0 (theme-workspace chips are inline-flex).

  • Specificity is (0,4,0), which beats the md-18 rules at (0,3,0).
  • No colour is set, so the icon follows the chip text colour in both themes, light and dark, including disabled chips.
  • The class is new and used only by that template, so nothing else changes.

🤖 Generated with Claude Code

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 <noreply@anthropic.com>
Copilot AI lite review requested due to automatic review settings September 18, 2026 18:06

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟢 Approval recommended

No unresolved issues were identified.

Pull request overview

This PR sizes team icons in calendar assignee chips to match worker chips.

Changes:

  • Sets icons to 16px with middle alignment.
  • Prevents flex shrinking while preserving inherited color.
File summaries
File Description
eform-client/src/scss/components/_material-dropdown.scss Styles calendar team-assignee icons to match chip height.
Review details
  • Files reviewed: 1/1 changed files
  • Comments generated: 0
  • Review effort level: Lite

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

@renemadsen
renemadsen merged commit c6077ae into stable Sep 18, 2026
18 of 21 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants