diff options
| author | Kuuuube <61125188+Kuuuube@users.noreply.github.com> | 2024-06-20 12:00:14 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-06-20 16:00:14 +0000 |
| commit | 171722966cc8d2057c23fbbb454b3aa16897c492 (patch) | |
| tree | 00c24f52573309a99f264ffad031343d5397c92d /ext/css/settings.css | |
| parent | 33cbace1a266c896d9c6114f1b434086d65f77fa (diff) | |
Add modal-body to scrollbar styling (#1095)
Diffstat (limited to 'ext/css/settings.css')
| -rw-r--r-- | ext/css/settings.css | 21 |
1 files changed, 14 insertions, 7 deletions
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); } |