element-hq / element-hq/compound
Style Web visual lists to look more native on mobile
- Dominant language
- MDX
- Stars
- 24
- Forks
- 7
- PR merge metrics
- No merged PRs in 30d
Description
We intend to use the [Compound Web VisualList component](https://compound.element.io/?path=/docs/compound-web_visuallist-visuallist--docs) on mobile for Element Call. Slight platform-dependent tweaks to the styles would help make the lists look more native:
- On iOS, the list should have a corner radius of 26px, a 2px gap between items, and items should have enough padding to make them each 4px taller.
- No changes necessary for Android.
[iOS designs](https://www.figma.com/design/ux3tYoZV9WghC7hHT9Fhk0/Compound-iOS-Components?node-id=1666-64708)
Contributor guide
No contributing guide indexed for this repository
Research direction
Start with the Compound Web VisualList component documentation linked in the issue, then compare its current mobile appearance with the linked iOS designs. Implement the iOS-only 26px corner radius, 2px item gap, and 4px taller items while leaving Android unchanged; done means the list matches those requirements on iOS.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- ios
- Domain
- design, frontend, mobile
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 62/100