Element-web: [Minor] Scrollbars on Windows are ugly

[turt2live]

They don't fit the theme at all

[lampholder]

Is your issue with their colour, their form, or both?

[turt2live]

All of the above.

[AllienWorks]

Having similar issue on Firefox @ Manjaro Linux.

Moreover, for some reason, the Favorites section even glitches the whole layout on hover (sidebar gets narrower on hover on Favorites) – see video preview.

[turt2live]

@AllienWorks I think the issue you're seeing is different from this one. Please open a new issue using the "Redesign" template with the link to the video there.

[AllienWorks]

@AllienWorks I think the issue you're seeing is different from this one. Please open a new issue using the "Redesign" template with the link to the video there.

Issue disappeared when I manually resized the sidebar width, so probably some leftover of my old settings from non-experimental Riot version. Not sure if another logged issue is needed then..?

[erikjohnston]

I have the same issue on linux on the room list. Everywhere else they use a different (and imo nicer) scrollbar style

[erikjohnston]

Some more insight:

1. It feels like the colours clash between the grey of the scrollbar and the light blue of the room list
2. This is often not a problem for other sites because the scrollbar is on the right side of the entire app and feels like part of the browser, rather than part of the app.

It also sounds like the idea is to move away from the current css fake scrollbar library and towards native scrollbars.

[bwindels]

with native CSS scrollbars we can do better, like this:

Something like:

.mx_AutoHideScrollbar {
    scrollbar-color: rgba(0,0,0,.2) transparent;
    scrollbar-width: thin;
}

[turt2live]

Fixed by https://github.com/matrix-org/matrix-react-sdk/pull/2470