From a9eced888fae9c561030e606e1021fac0f534f0d Mon Sep 17 00:00:00 2001 From: Pavel Djundik Date: Tue, 15 Jan 2019 11:38:58 +0200 Subject: [PATCH] Set scrollbar properties for Firefox 64+ Refs: https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color https://drafts.csswg.org/css-scrollbars-1/ --- client/css/style.css | 4 ++++ client/themes/morning.css | 4 ++++ 2 files changed, 8 insertions(+) diff --git a/client/css/style.css b/client/css/style.css index 60c480f0..30df7d93 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -550,6 +550,7 @@ kbd { overflow-x: auto; flex-grow: 1; touch-action: pan-y; + scrollbar-width: thin; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } @@ -897,6 +898,7 @@ background on hover (unless active) */ display: none; overflow-y: auto; height: 100%; + scrollbar-width: thin; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } @@ -1045,6 +1047,7 @@ background on hover (unless active) */ display: flex; flex-grow: 1; flex-direction: column; + scrollbar-width: thin; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; outline: none; @@ -1569,6 +1572,7 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */ padding-bottom: 10px; width: 100%; touch-action: pan-y; + scrollbar-width: thin; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } diff --git a/client/themes/morning.css b/client/themes/morning.css index 1164285e..3e2ef45e 100644 --- a/client/themes/morning.css +++ b/client/themes/morning.css @@ -11,6 +11,10 @@ --highlight-border-color: #b08c4f; } +body { + scrollbar-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.05); +} + #chat .channel .msg.highlight .time { color: white; }