influxdata / influxdata/clockface
Updates to inactive list items
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 46
- Forks
- 18
- Avg merge
- 2d 7h
- Merged PRs (30d)
- 1
Description
We want to update the inactive list item styling in order to fix accessibility issue and meet contrast standards.
Current Design:

New Design:
[Figma](https://www.figma.com/file/pAW4Auk3TKCWAcSNMHG8Nm/Inactive-List-Items?node-id=11%3A426)

Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No file or test is named. Start by locating the inactive list item component and its styling in the Clockface UI kit, then compare the current implementation with the linked Figma design and contrast requirements. Done means the inactive styling matches the design and meets the stated accessibility contrast standard.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, design, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100