Vertically center link hints within client rect
Open
Beginner friendly
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 27k
- Forks
- 2.6k
- PR merge metrics
- No merged PRs in 30d
Description
Link hints vertically centered within the bounding rectangle of the element they refer to look more natural to me.
The implementation is simple:
- set the top of the link hint to the top of the bounding rectangle + half the bounding rectangle height
- apply the style: transform: translateY(-50%)
New:
Old:
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the code that positions link hints relative to an element's bounding rectangle. Adjust the vertical position and styling as described, then verify that hints are vertically centered within their target rectangles and that the displayed result matches the new screenshot.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 62/100