github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-28 14:47:56 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FIX: show scrollbars under firefox in chat (#21587)

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,6 +6,7 @@
scrollbar-color: transparent var(--scrollbarBg); scrollbar-color: transparent var(--scrollbarBg);
transition: scrollbar-color 0.25s ease-in-out; transition: scrollbar-color 0.25s ease-in-out;
// chrome, safari
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background-color: var(--scrollbarThumbBg); background-color: var(--scrollbarThumbBg);
border-radius: calc(var(--scrollbarWidth) / 2); border-radius: calc(var(--scrollbarWidth) / 2);
@ -19,4 +20,24 @@
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: var(--scrollbarWidth); 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);
}
} }