github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-25 17:36:53 +08:00
Code Issues Actions1 Packages Projects Releases Wiki Activity

FIX: show scrollbars under firefox in chat ()

Browse Source
This commit is contained in:
Joffrey JAFFEUX 2023-05-16 16:44:15 +02:00 committed by GitHub
parent 06ea37e591
commit 230a71b264
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 0 deletions

21
plugins/chat/assets/stylesheets/mixins/chat-scrollbar.scss

@ -6,6 +6,7 @@
scrollbar-color: transparent var(--scrollbarBg);
transition: scrollbar-color 0.25s ease-in-out;
// chrome, safari
&::-webkit-scrollbar-thumb {
background-color: var(--scrollbarThumbBg);
border-radius: calc(var(--scrollbarWidth) / 2);
@ -19,4 +20,24 @@
&::-webkit-scrollbar {
width: var(--scrollbarWidth);
}
// firefox
& {
scrollbar-color: var(--scrollbarThumbBg) var(--scrollbarBg);
scrollbar-width: thin;
}
&::-moz-scrollbar-thumb {
background-color: var(--scrollbarThumbBg);
border-radius: calc(var(--scrollbarWidth) / 2);
border: calc(var(--scrollbarWidth) / 4) solid var(--secondary);
}
&::-moz-scrollbar-track {
background-color: transparent;
}
&::-moz-scrollbar {
width: var(--scrollbarWidth);
}
}