List Item Group #8039
Description
Check existing issues
- I have checked for existing issues to avoid duplicates
Description
Some UI enhancement requests for ListItemGroup.
Background color and hover states
ListItemGroup uses foreground-2. This can conflict with anything that use ui-background. It also makes for weird hover states. Suggest foreground-1 or even transparent.
Current
Current hover state
Using foreground-1 or transparent
Alignment
Labels don't align. This might be from the selection border?
Caret spacing
It appears that the spacing is 1rem start and 0.75rem end. Visually, this feels imbalanced.
Expand/collapse versus selection
The hit area for expand/collapse versus selection is confusing. Suggest visually distinguishing between the two hover states.
This may require updating the "invisible" selection border color on hover.
Acceptance Criteria
Not breaking stuff.
Relevant Info
No response
Which Component
List Item Group
Example Use Case
SDK LayerList, BasemapLayerList, and TableList.
Priority impact
p3 - want for upcoming milestone
Calcite package
- @esri/calcite-components
- @esri/calcite-components-react
- @esri/calcite-design-tokens
- @esri/eslint-plugin-calcite-components
Esri team
ArcGIS Maps SDK for JavaScript
Metadata
Metadata
Assignees
Labels
Issues that have been tested, confirmed as mitigated, and are ready to close.Issues logged by ArcGIS SDK for JavaScript team members.Issues that pertain to the calcite-list componentIssues specific to the @esri/calcite-components package.Issues that need design consultation prior to, or during, development.Issues tied to a new feature or request.Issue is non core or affecting less that 10% of people using the libraryIssues ready for development implementation.Issues with visual changes that are added for consistency, but are not backwards compatible.