mi6 / mi6/ic-ui-kit

Secondary Button with Link hover colour

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

Description

### Summary of the bug
Secondary buttons do not have correct colours on text and border when hovered over.

Slotted link text does not inherit the darkened colour on hover.

### 🪜 How to reproduce
Add a link within the button
[StackBlitz](https://stackblitz.com/edit/xuyspavu?file=index.html)

### 📸 Screenshots or code

Image

Image

### 🧐 Expected behaviour
Button with link should slightly change text colour, as show in regular secondary button

### 📝 Acceptance Criteria
If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.

*Given*
*When*
*Then*

### 🚨 Urgency (low, medium or high)
Low

Contributor guide

Open the contributing guide

Research direction

Start with the linked StackBlitz reproduction and trace the secondary button component’s hover styling, especially the slotted link text and border. Done when a button containing a link matches the regular secondary button’s hover text and border colours; verify both cases against the reproduction.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
design, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.