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

PhillippOhlandt picture PhillippOhlandt  路  3Comments

locomain picture locomain  路  3Comments

samybob1 picture samybob1  路  3Comments

SoproniOli713 picture SoproniOli713  路  3Comments

MickaelH974 picture MickaelH974  路  3Comments