From 889df72ab3719668ecac3aa8ae1cfbf1e9d0ee1d Mon Sep 17 00:00:00 2001
From: skomerko <168652295+skomerko@users.noreply.github.com>
Date: Mon, 11 Nov 2024 12:05:42 +0100
Subject: [PATCH] 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>
---
 src/webui/www/private/css/style.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/webui/www/private/css/style.css b/src/webui/www/private/css/style.css
index 18904a3d8..d5c627dbd 100644
--- a/src/webui/www/private/css/style.css
+++ b/src/webui/www/private/css/style.css
@@ -75,6 +75,18 @@ ol {
     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 */
 
 input[type="text"],