WebUI: Use thin scrollbars

Thin scrollbars are now used if they are supported by user's browser. The main goal was to make them less intrusive in Chrome-likes on some platforms.

PR #21763.
---------

Co-authored-by: Chocobo1 <Chocobo1@users.noreply.github.com>
This commit is contained in:
skomerko 2024-11-11 12:05:42 +01:00 committed by GitHub
parent 631e873ff2
commit 889df72ab3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -75,6 +75,18 @@ ol {
list-style: none; list-style: none;
} }
/* Scrollbars */
@supports (scrollbar-width: auto) and (selector(::-webkit-scrollbar)) {
:root[slick-uniqueid], /* targets iframe mocha dialogs */
.dynamicTableDiv,
.mochaContentWrapper,
.panel,
#rssDetailsView {
scrollbar-width: thin;
}
}
/* Forms */ /* Forms */
input[type="text"], input[type="text"],