TheAlgorithms / TheAlgorithms/website
[FEATURE] Improve Codebox
Open
Nobody has claimed this yet.
enhancement
- Dominant language
- TypeScript
- Stars
- 1k
- Forks
- 220
- PR merge metrics
- No merged PRs in 30d
Description
Summary
Add some margin to the "Try this code" button that currently borders the edge of the code box, making it look a bit out of place.
Motivation
Improves the design language of the website.
Detailed Description
Adding the same amount of margin as the Fullscreen/Expand button.
Screenshots/Mockups (if applicable)
Current button:
With padding:
Additional Context
No response
Existing Issues
- I have checked existing issues (open and closed) for duplicates
Alternatives Considered
No response
Contributor guide
No contributing guide indexed for this repository
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
Locate the Codebox implementation and compare the “Try this code” button with the existing Fullscreen/Expand button styling. Add matching margin so the button no longer borders the code box edge, then verify the updated layout visually in the website.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nextjs, typescript
- Domain
- design, frontend, web-dev
- Issue type
- Feature
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 50/100