From 171722966cc8d2057c23fbbb454b3aa16897c492 Mon Sep 17 00:00:00 2001 From: Kuuuube <61125188+Kuuuube@users.noreply.github.com> Date: Thu, 20 Jun 2024 12:00:14 -0400 Subject: Add modal-body to scrollbar styling (#1095) --- ext/css/settings.css | 21 ++++++++++++++------- 1 file changed, 14 insertions(+), 7 deletions(-) (limited to 'ext/css') diff --git a/ext/css/settings.css b/ext/css/settings.css index 3716f50e..1b7255c3 100644 --- a/ext/css/settings.css +++ b/ext/css/settings.css @@ -104,25 +104,32 @@ } /* Scrollbars */ -:root:not([data-theme=light]) .scrollbar { +:root:not([data-theme=light]) .scrollbar, +:root:not([data-theme=light]) .modal-body { scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color); } -:root:not([data-theme=light]) .scrollbar::-webkit-scrollbar { +:root:not([data-theme=light]) .scrollbar::-webkit-scrollbar, +:root:not([data-theme=light]) .modal-body::-webkit-scrollbar { width: auto; } -:root:not([data-theme=light]) .scrollbar::-webkit-scrollbar-button { +:root:not([data-theme=light]) .scrollbar::-webkit-scrollbar-button, +:root:not([data-theme=light]) .modal-body::-webkit-scrollbar-button { height: 0; } -:root:not([data-theme=light]) .scrollbar::-webkit-scrollbar-thumb { +:root:not([data-theme=light]) .scrollbar::-webkit-scrollbar-thumb, +:root:not([data-theme=light]) .modal-body::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb-color); } -:root:not([data-theme=light]) .scrollbar::-webkit-scrollbar-track { +:root:not([data-theme=light]) .scrollbar::-webkit-scrollbar-track, +:root:not([data-theme=light]) .modal-body::-webkit-scrollbar-track { background-color: var(--scrollbar-thumb-color); } -:root:not([data-theme=light]) .scrollbar::-webkit-scrollbar-track-piece { +:root:not([data-theme=light]) .scrollbar::-webkit-scrollbar-track-piece, +:root:not([data-theme=light]) .modal-::-webkit-scrollbar-track-piece { background-color: var(--scrollbar-track-color); } -:root:not([data-theme=light]) .scrollbar::-webkit-scrollbar-corner { +:root:not([data-theme=light]) .scrollbar::-webkit-scrollbar-corner, +:root:not([data-theme=light]) .modal-body::-webkit-scrollbar-corner { background-color: var(--scrollbar-track-color); } -- cgit v1.2.3