mi6 / mi6/ic-ui-kit

[ic-card-vertical] Clickable card link styling doesn't match link in Safari

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

Description

### Summary of the bug
When you hover over a link in Safari it expands the underline to be taller, but when you hover a clickable card, the card title link only moves the underline on hover.

### 📸 Screenshots or code
Link on hover:

Image

Card title on hover:

Image

### 🧐 Expected behaviour
The card title should look like an ic-link

Contributor guide

Open the contributing guide

Research direction

Start by comparing the hover styling of the ic-card-vertical title link with the ic-link behavior shown in the screenshots, focusing on Safari. Update the card title so its underline expands and matches ic-link on hover, then verify the resulting appearance in Safari.

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
Clearly specified
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.