Materialize: Scrollbar changes suggestion

Created on 3 May 2018  路  5Comments  路  Source: Dogfalo/materialize

Can we have this code added to the main code.
The UI looks very modern but some browsers scroll bar has a legacy view

/*********** CSS for scrollbar ***********/
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #888; 
}
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

All 5 comments

google inbox uses the standard scrollbar. I think that the css for scrollbar should not be included.

I feel it should be there... As it enhances the user experience... Who knows might be google learn to add this from materialize css ! 鈽猴笍

I'd agree if it wasn't webkit only.

@MicheleLucini, on the contrary, I found google also using this. Check the screenshot [https://inbox.google.com/]
image

True! Didn't notice the sidenav scroll, I was focused on just the body scroll.
I was thinking that the sidenav css is something easy to implement and harder to edit in case of a default materialize version. But maybe it's better to have a default material look handled by them...

Was this page helpful?
0 / 5 - 0 ratings

Related issues

bradley-varol picture bradley-varol  路  3Comments

ericlormul picture ericlormul  路  3Comments

MickaelH974 picture MickaelH974  路  3Comments

cope picture cope  路  3Comments

artur99 picture artur99  路  3Comments