Skip to content

[Combobox Item, Combobox Item Group] - update indentation for better visual hierarchy #7099

@ashetland

Description

@ashetland

Description

Update indentation padding when nesting combobox-items and combobox-item-groups. This was outlined as part of the work to audit and update nested indentations to improve visual hierarchy across components (Epic #6632).

Acceptance Criteria

  • Items slotted in a group should have their indent-multiplier reset to 1
  • Update group-label padding-inline to match item padding

Figma spec for all scales

Before/After example:
CleanShot 2024-10-30 at 15 00 19@2x

Relevant Info

No response

Which Component

Combobox Item
Combobox Item Group

Example Use Case

No response

Priority impact

p3 - want for upcoming milestone

Esri team

Calcite (design)

Blocked by #10897

Metadata

Metadata

Labels

4 - verifiedIssues that have been tested, confirmed as mitigated, and are ready to close.Calcite (design)Issues logged by Calcite designers.designIssues that need design consultation prior to, or during, development.enhancementIssues tied to a new feature or request.impact - p2 - want for an upcoming milestoneUser set priority impact status of p2 - want for an upcoming milestonep - mediumIssue is non core or affecting less that 60% of people using the libraryp3 - want for upcoming milestoneUser set priority status of p3 - want for upcoming milestoneready for devIssues ready for development implementation.visual changesIssues with visual changes that are added for consistency, but are not backwards compatible.

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions