finos / finos/a11y-theme-builder

[TB] Large border values impact molecules and components

Open
#992 4 comments 0 reactions 0 assignees View on GitHub
bug theme builder app
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.