diff options
| author | julian laplace <julescarbon@gmail.com> | 2022-11-14 15:16:13 +0100 |
|---|---|---|
| committer | julian laplace <julescarbon@gmail.com> | 2022-11-14 15:16:13 +0100 |
| commit | 5ee5dc0fb1e6e6e15527b81ae925d6327259e086 (patch) | |
| tree | b46cc4f02d3b43842e965e782a7801ff3c7e58fc | |
| parent | b2454c34da982942b3a202f258cbb57443b185c4 (diff) | |
styling
| -rw-r--r-- | public/assets/css/hootstream.css | 24 |
1 files changed, 23 insertions, 1 deletions
diff --git a/public/assets/css/hootstream.css b/public/assets/css/hootstream.css index ee05025..32aeed4 100644 --- a/public/assets/css/hootstream.css +++ b/public/assets/css/hootstream.css @@ -30,7 +30,7 @@ #hootevents .hootText { max-width: 60rem; transition: opacity 0.2s; - overflow-x: hidden; + overflow-x: scroll; } .hoot:hover > .text { opacity: 1 !important; @@ -611,6 +611,28 @@ } } +/** + * Scrollbar + */ +::-webkit-scrollbar { + background-color: #ddd; + width: 4px; +} + +::-webkit-scrollbar-thumb { + background-color: #bbb; + border: solid 2px transparent; +} + +::-webkit-scrollbar-thumb:hover { + background-color: #888; + border: solid 2px transparent; +} + +::-webkit-scrollbar-track { + border: solid 2px transparent; +} + /** MEDIA QUERY: DARK MODE */ @media (prefers-color-scheme: dark) { ::-webkit-scrollbar { |