Skip to content

fix(navbar): show theme toggle on mobile screens#918

Merged
JhaSourav07 merged 1 commit into
JhaSourav07:mainfrom
OmkarArdekar12:fix/theme-button-mobile
May 28, 2026
Merged

fix(navbar): show theme toggle on mobile screens#918
JhaSourav07 merged 1 commit into
JhaSourav07:mainfrom
OmkarArdekar12:fix/theme-button-mobile

Conversation

@OmkarArdekar12
Copy link
Copy Markdown
Contributor

Description

Fixes #889

This PR fixes the issue where the theme toggle button was not visible on small/mobile screen sizes.

Previously, the theme toggle button was placed inside a desktop-only container, causing it to disappear on smaller devices. This update ensures that the theme toggle remains accessible across mobile, tablet, and desktop screen sizes while preserving the existing responsive navbar behavior.

Changes Made

  • Fixed responsive visibility issue for the theme toggle button
  • Added proper mobile accessibility for theme switching
  • Preserved existing desktop navbar layout
  • Improved responsive navigation experience across different screen sizes

Pillar

  • 🛠️ Other (Bug fix, refactoring, docs)

Visual Preview

Desktop View

image

Tablet / Large Mobile View

image image

Mobile View

image image

Checklist before requesting a review:

  • I have read the CONTRIBUTING.md file.
  • I have tested these changes locally (localhost:3000/api/streak?user=YOUR_USERNAME).
  • I have run npm run format and npm run lint locally and resolved all errors.
  • My commits follow the Conventional Commits format.
  • I have made sure that only relevant files are included in this PR.
  • I have made sure that I have only one commit to merge in this PR.
  • The UI remains responsive across different screen sizes.
  • (Recommended) I joined the CommitPulse Discord community for contributor discussions, mentorship, and faster PR support.

@JhaSourav07 Kindly review this PR. Thank you!

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 28, 2026

@OmkarArdekar12 is attempting to deploy a commit to the jhasourav07's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link
Copy Markdown

👋 Hey @OmkarArdekar12, welcome to CommitPulse! 🎉

Thanks for opening your first pull request — this is a big deal and we appreciate the effort!

While you wait for a review, please double-check:

  • ✅ You've read the CONTRIBUTING.md checklist
  • npm run lint, npm run format, and npm run test all pass locally
  • ✅ Your PR has a visual preview if it touches any SVG output
  • 💬 You've joined our Discord for faster PR feedback

A maintainer will review your PR shortly. Hang tight! 🚀

@OmkarArdekar12 OmkarArdekar12 marked this pull request as draft May 28, 2026 10:15
@OmkarArdekar12 OmkarArdekar12 marked this pull request as ready for review May 28, 2026 10:16
@github-actions github-actions Bot added the type:bug Something isn't working as expected label May 28, 2026
@JhaSourav07 JhaSourav07 added GSSoC 2026 level:beginner Small changes Usually isolated fixes or simple UI/text updates. quality:exceptional Outstanding contribution with exceptional implementation quality, testing. gssoc:approved PR has been reviewed and accepted for valid contribution points mentor:Aamod007 labels May 28, 2026
@github-actions github-actions Bot added this to the GSSoC 2026 milestone May 28, 2026
@JhaSourav07 JhaSourav07 merged commit 58daa57 into JhaSourav07:main May 28, 2026
7 of 8 checks passed
@github-actions
Copy link
Copy Markdown

🎉 Congratulations @OmkarArdekar12! Your PR has been successfully merged. 🚀

Thank you for contributing to CommitPulse. Your work helps us build a better tool for the community.

⚠️ Important for GSSoC Contributors:
You are strictly advised to join our Discord Server as it is mandatory for all GSSoC participants. All important announcements, point claims, and community discussions happen there.

Keep building! 💻✨

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

Labels

gssoc:approved PR has been reviewed and accepted for valid contribution points GSSoC 2026 level:beginner Small changes Usually isolated fixes or simple UI/text updates. mentor:Aamod007 quality:exceptional Outstanding contribution with exceptional implementation quality, testing. type:bug Something isn't working as expected

Projects

None yet

Development

Successfully merging this pull request may close these issues.

bug: Change Theme Button Missing at the small screen size.

3 participants