mi6 / mi6/ic-ui-kit

Internal issue 3123 - IcToggleButtonGroup with margin styling creates border effect

Open
#4,029 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
53
Forks
63
Avg merge
2d 4h
Merged PRs (30d)
15

Description

When adding an X margin to a toggle group an increased border on the side of the margin appears within the button closest to the margin when it is toggled and then unfocused.

See [Stackblitz](https://stackblitz.com/edit/3sca81cc-2yc44zq2?file=src%2Fapp.tsx)

Image

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue in the linked Stackblitz example and inspect the IcToggleButtonGroup styling involved when an X margin is applied. Verify the focused, toggled, and unfocused states near the margin. Done means the increased border effect no longer appears inside the button while the toggle group retains its intended styling.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.