From 8f22a66e681ca769c158a21c81a0a86ae83a9c99 Mon Sep 17 00:00:00 2001 From: Aevann Date: Mon, 2 Oct 2023 04:27:00 +0300 Subject: [PATCH] more elegant scrollbars in chromium --- files/assets/css/main.css | 26 ++++++++++++++++++-------- 1 file changed, 18 insertions(+), 8 deletions(-) diff --git a/files/assets/css/main.css b/files/assets/css/main.css index afef2ec4e8..db315e0b31 100644 --- a/files/assets/css/main.css +++ b/files/assets/css/main.css @@ -1807,14 +1807,6 @@ button.close { .modal-open { overflow: hidden !important; } -@media (min-width: 768px) { - .modal-open { - padding-right: 1.3vw; - } - .modal-open nav { - padding-right: 1.3vw; - } -} .modal-open .modal { overflow-x: hidden; overflow-y: auto; @@ -7687,3 +7679,21 @@ ul { :not(.modal):target { scroll-margin-top: 100px; } + +@media (min-width: 768px) { + .modal-open { + padding-right: 10px; + } + .modal-open nav { + padding-right: 10px; + } + ::-webkit-scrollbar { + width: 10px; + } + ::-webkit-scrollbar-thumb { + background: #555; + } + ::-webkit-scrollbar-thumb:hover { + background: #3d3d3d; + } +}