search

playcanvas / pcui

UI component library for web-based tools
http://playcanvas.github.io/pcui
MIT License
662 stars 61 forks source link

Scrollbar styles #357

Closed willeastcott closed 3 weeks ago

willeastcott commented 3 weeks ago

This PR has PCUI define appropriate scrollbar styling.

Here are some comparisons of scrollbar styling across Chrome (Safari looks the same) and Firefox:

No styling:

Chrome Firefox
scrollbars-chrome-none scrollbars-firefox-none

CSS Scrollbars Styling Module Level 1:

Chrome Firefox
scrollbars-chrome-standard scrollbars-firefox-standard

WebKit Psuedo-Element styling:

Chrome Firefox
scrollbars-chrome-webkit N/A
line

Despite hover/selection color differences, the WebKit styling seems to look most similar to the Firefox scrollbars which use the standardized CSS properties. So this is what this PR implements.