Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add custom scrollbar styles #79

Merged

Conversation

ramith-kulal
Copy link
Contributor

Fixes Issue🛠️

Closes #69

Description👨‍💻

This pull request introduces a custom blue-colored scrollbar for all types of websites.

Type of change📄

  • [] Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)

How this has been tested✅

This pull request introduces a custom blue-colored scrollbar for all types of websites. The default browser scrollbar can sometimes be visually inconsistent with the website's design, so I've implemented a custom scrollbar style to provide a more cohesive user experience.

Checklist✅

  • My code follows the style guidelines of this project
  • I have performed a self-review of my own code
  • I have commented my code, particularly in hard-to-understand areas
  • I have added demonstration in the form of GIF/video file
  • I am an Open Source Contributor

Screenshots/GIF📷

Screenshot 2024-02-23 221948
Working under JWOC

Copy link

vercel bot commented Feb 23, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
mytwit ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 25, 2024 9:02am

@ramith-kulal
Copy link
Contributor Author

@varshith257 @JiyaGupta-cs have a look

Copy link

@varshith257 varshith257 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. Can you change the scroll bar color to black as you can find the same scrollbar in github?
  2. Also increase the width of the scrollbar.

@varshith257
Copy link

Can provide updated scrollbar scr?

@ramith-kulal
Copy link
Contributor Author

Can provide updated scrollbar scr?

Yes
Screenshot 2024-02-25 143628

@ramith-kulal
Copy link
Contributor Author

Can provide updated scrollbar scr?

Yes Screenshot 2024-02-25 143628

to replicate github scrollbar we need to remove the border radius which look kinda odd so i added border radius hope thats fine

Copy link

@varshith257 varshith257 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@ramith-kulal
Copy link
Contributor Author

LGTM

🙌

@ramith-kulal
Copy link
Contributor Author

if at all the width further needs to be increased let me know , hope this pr gets merged.

@JiyaGupta-cs JiyaGupta-cs merged commit e4bf07b into JiyaGupta-cs:master Feb 25, 2024
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add customised scrollbar to the website
3 participants