Skip to content
This repository has been archived by the owner on Nov 2, 2021. It is now read-only.

Custom Scroll Bar #2158

Open
soham-dixit opened this issue Jun 16, 2020 · 16 comments
Open

Custom Scroll Bar #2158

soham-dixit opened this issue Jun 16, 2020 · 16 comments

Comments

@soham-dixit
Copy link

soham-dixit commented Jun 16, 2020

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
Custom Scroll Bar GIF

@bee-rickey
Copy link
Member

I don't really see any advantage in this.

@soham-dixit
Copy link
Author

@bee-rickey Yeah, but just for visual changes.

@w3dg
Copy link

w3dg commented Jun 30, 2020

i might make this hppen but there are some other ui color changes being done might as well merge this issue with that

@w3dg w3dg mentioned this issue Jun 30, 2020
4 tasks
@balrajsingh9
Copy link

@debopamgupta @Soham7270
Screenshot 2020-07-03 at 7 40 39 PM
Screenshot 2020-07-03 at 7 40 51 PM
Screenshot 2020-07-03 at 7 41 00 PM
Screenshot 2020-07-03 at 7 41 11 PM

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.

@soham-dixit
Copy link
Author

@balrajsingh9 Firefox doesn't support the full customizations with scroll bar.

@balrajsingh9
Copy link

@Soham7270 It should right check?

@soham-dixit
Copy link
Author

@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.

@balrajsingh9
Copy link

balrajsingh9 commented Jul 3, 2020

@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. 😕

Screenshot 2020-07-03 at 8 22 02 PM

Voila 👀 🎊

@soham-dixit
Copy link
Author

@balrajsingh9 Awesome! Is it working on all browsers now??

@balrajsingh9
Copy link

balrajsingh9 commented Jul 3, 2020

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

@soham-dixit
Copy link
Author

soham-dixit commented Jul 3, 2020

Yeah Firefox' webkit for scroll bar is limited @balrajsingh9

Edit- Maybe we can do a dark black scrollbar for light theme of the site?

@w3dg
Copy link

w3dg commented Jul 4, 2020

@Soham7270 I agree!

@amuagarwal
Copy link

amuagarwal commented Jul 4, 2020

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.
image

@Zaman3027
Copy link

/claim

1 similar comment
@marootushar
Copy link

/claim

@Nirmitjatana
Copy link

/claim

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

8 participants