From ff5875d9ebec2bd5ddb1b866bb978cabbe0f2967 Mon Sep 17 00:00:00 2001
From: Daniel Lando <daniel.sorridi@gmail.com>
Date: Thu, 8 Feb 2024 18:00:16 +0100
Subject: [PATCH] fix(ui): scrollbars size

---
 src/assets/css/main.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 99f09708349..c07fec2c4c8 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -15,6 +15,17 @@
   -webkit-border-radius: 1ex;
 }
 
+/*
+In Chrome 121, support was added for scrollbar-color and scrollbar-width. If some of these properties are used, then ::-webkit-scrollbar won't work.
+https://syntackle.com/blog/changes-to-scrollbar-styling-in-chrome-121/
+*/
+@supports not selector(::-webkit-scrollbar) {
+  html {
+      scrollbar-width: thin;
+      scrollbar-color: rgba(0, 0, 0, 0.233);
+  }
+}
+
 /* Hacky hack. Remove scrollbars for 320 width screens */
 @media screen and (max-width: 320px) {
   body::-webkit-scrollbar {