supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Set scrollbar properties for Firefox 64+

Browse Source 
Refs:
https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color
https://drafts.csswg.org/css-scrollbars-1/
This commit is contained in:
Pavel Djundik 2019-01-15 11:38:58 +02:00
parent c8f229f708
commit a9eced888f
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/css/style.css
View File

@ -550,6 +550,7 @@ kbd {
overflow-x: auto; overflow-x: auto;
flex-grow: 1; flex-grow: 1;
touch-action: pan-y; touch-action: pan-y;
scrollbar-width: thin;
overscroll-behavior: contain; overscroll-behavior: contain;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
@ -897,6 +898,7 @@ background on hover (unless active) */
display: none; display: none;
overflow-y: auto; overflow-y: auto;
height: 100%; height: 100%;
scrollbar-width: thin;
overscroll-behavior: contain; overscroll-behavior: contain;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
@ -1045,6 +1047,7 @@ background on hover (unless active) */
display: flex; display: flex;
flex-grow: 1; flex-grow: 1;
flex-direction: column; flex-direction: column;
scrollbar-width: thin;
overscroll-behavior: contain; overscroll-behavior: contain;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
outline: none; outline: none;
@ -1569,6 +1572,7 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
padding-bottom: 10px; padding-bottom: 10px;
width: 100%; width: 100%;
touch-action: pan-y; touch-action: pan-y;
scrollbar-width: thin;
overscroll-behavior: contain; overscroll-behavior: contain;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }

4
client/themes/morning.css
View File

@ -11,6 +11,10 @@
--highlight-border-color: #b08c4f; --highlight-border-color: #b08c4f;
} }
body {
scrollbar-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.05);
}
#chat .channel .msg.highlight .time { #chat .channel .msg.highlight .time {
color: white; color: white;
} }