Skip to content

Fixed visibility issue in pagination button in leaderboard#1861

Open
hrx01-dev wants to merge 1 commit into
recodehive:mainfrom
hrx01-dev:fixed-visibility-issue-inPagination-Btn
Open

Fixed visibility issue in pagination button in leaderboard#1861
hrx01-dev wants to merge 1 commit into
recodehive:mainfrom
hrx01-dev:fixed-visibility-issue-inPagination-Btn

Conversation

@hrx01-dev
Copy link
Copy Markdown
Contributor

@hrx01-dev hrx01-dev commented Jun 5, 2026

Description

The pagination in the leaderboard contains two rectangular nav buttons on both side that aapear blank or without clearly visible icons /text that breaks visual consistency .

Fixes #1849

Type of Change

  • New feature (e.g., new page, component, or functionality)
  • Bug fix (non-breaking change that fixes an issue)
  • UI/UX improvement (design, layout, or styling updates)
  • Performance optimization (e.g., code splitting, caching)
  • Documentation update (README, contribution guidelines, etc.)
  • Other (please specify):

Changes Made

  • Updated src/css/custom.css to ensure pagination icons (SVGs) are visible across all themes.Updated src/css/custom.css to ensure pagination icons (SVGs) are visible across all themes.
  • Enforced stroke: currentColor so icons inherit the button's text color.
  • Set explicit width and height (20px) on SVGs to prevent them from collapsing.
  • Increased stroke-width to 2px for better clarity.
Screenshot 2026-06-05 114104

Dependencies

  • None

Checklist

  • My code follows the style guidelines of this project.
  • I have tested my changes across major browsers and devices
  • My changes do not generate new console warnings or errors .
  • I ran npm run build and attached screenshot(s) in this PR.
  • This is already assigned Issue to me, not an unassigned issue.

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented Jun 5, 2026

@hrx01-dev is attempting to deploy a commit to the recode Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link
Copy Markdown

github-actions Bot commented Jun 5, 2026

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. The estimated time for response is 5–8 hrs.

In the meantime, please provide all necessary screenshots and make sure you run - npm build run , command and provide a screenshot, a video recording, or an image of the update you made below, which helps speed up the review and assignment. If you have questions, reach out to LinkedIn. Your contributions are highly appreciated!😊

Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your PR goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv.

We are here to help you on this journey of open source. Consistent 20 contributions are eligible for sponsorship 💰

🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨

📚Your perks for contribution to this community 👇🏻

  1. Get free Consultation use code recode50 to get free: Mentorship for free.

  2. Get the Ebook for free use code recode at checkout: Data Science cheatsheet for Beginners.

  3. Check out this weekly Newsletter: Sanjay's Newsletter.

If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

@github-actions github-actions Bot added in-review The current changes are in review and would need approval and testing before merging level 1 10 points recode this is label for leaderboard labels Jun 5, 2026
@github-actions github-actions Bot added this to the recode:launch 3.0 milestone Jun 5, 2026
@github-actions github-actions Bot added gssoc:approved gssoc label high priority gssoc26 label medium gssoc26 label type:docs gssoc label 5pts labels Jun 5, 2026
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Jun 5, 2026

✅ Synchronized metadata from Issue #1849:

  • Labels: level 1, recode, high priority, medium, gssoc:approved, type:docs
  • Milestone: recode:launch 3.0

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

gssoc:approved gssoc label high priority gssoc26 label in-review The current changes are in review and would need approval and testing before merging level 1 10 points medium gssoc26 label recode this is label for leaderboard type:docs gssoc label 5pts

Projects

None yet

Milestone

recode:launch 3.0

Development

Successfully merging this pull request may close these issues.

🐞[Bug]: Pagination Navigation Buttons in Leaderboard Lack Visual Labels and Context

1 participant

@hrx01-dev