influxdata / influxdata/clockface

Popover color accessibility

Open
#682 0 comments 0 reactions 0 assignees View on GitHub
High Priority kind/accessibility kind/bug
Dominant language
TypeScript
Stars
46
Forks
18
Avg merge
2d 7h
Merged PRs (30d)
1

Description

Look into a solid background or darker glassmorphic background for popover

![image (11)](https://user-images.githubusercontent.com/12561526/142048937-27d2a451-13f9-4dbd-bf68-858be6635b7d.png)

When we have light background, the current preset doesn't work

Contributor guide

Open the contributing guide

Research direction

Start by locating the popover implementation and its color preset, then compare it with the attached light-background example. Done means the popover uses a solid or darker glassmorphic background that remains readable on light backgrounds. The issue names no file or test, so confirm the target component and accessibility check before editing.

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
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.