finos / finos/a11y-theme-builder
[TB] Large border values impact molecules and components
- Dominant language
- TypeScript
- Stars
- 81
- Forks
- 77
- PR merge metrics
- No merged PRs in 30d
Description
## Problem/Concern
I discovered today that if you set the border width in the border atom to 8 or above, the secondary buttons on the Buttons Standard molecule start to become un-useable. With a 16px border, the text on a secondary button is unreadable. Do we need to provide some kind of limit to the value? Should we put in warning text? Do we not allow secondary buttons to be affected by borders? Looking for the right answer.
## Proposed Solution
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by reproducing the issue in the border atom and Buttons Standard molecule with border widths of 8px and 16px. The issue does not define whether the fix should limit values, add a warning, or change button behavior, so first establish the intended resolution and acceptance criteria; done means secondary buttons remain usable at large border values.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, design, frontend
- Issue type
- Bug
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100