covid19india-react
covid19india-react copied to clipboard
covid19india
Custom Scroll Bar
Is your feature request related to a problem? Please describe.
- No, it isn't related to any problem.
Describe the solution you'd like
- A custom scroll bar with similar colour scheme from the site
Additional context
i might make this hppen but there are some other ui color changes being done might as well merge this issue with that
@debopamgupta @Soham7270
I tried the custom scrollbar thing. It just doesn't look good on light background. Also, I have got it working on Chrome and Safari. Firefox still not working. I have to look into that, but see screenshots for ref.
@balrajsingh9 Firefox doesn't support the full customizations with scroll bar.
@balrajsingh9 Nope, I have also worked on the custom scroll bar, it's totally working on Chrome, Safari and Edge. But not on Firefox. As per my knowledge it isn't supported on Firefox.
@Soham7270 After trying for some time and looking here and there on Github, Reddit, and SO, I was able to achieve custom scrollbars on Firefox. I'm running v78, but it should work in v63+
Also in MacOS I had to do Settings > General > Scrolling > Always Not sure if this works in Windows. 😕
Voila 👀 🎊
So far tested on Chrome, Safari. Although this works on Firefox, but the customization is limited as opposed to the webkit customization for scrollbars.
Let me know if we should proceed with customizing the scrollbars, but I would limit this to dark backgrounds only. @Soham7270
Yeah Firefox' webkit for scroll bar is limited @balrajsingh9
Edit- Maybe we can do a dark black scrollbar for light theme of the site?
Add the scroll bar to state list rather than page so the map will keep constant and visible on scrolling of state list. Currently when we scroll to last state the maps get invisible.
