From 483c698f9a75636e472737872dcc33a4906b9ed9 Mon Sep 17 00:00:00 2001 From: Alexandre Alapetite Date: Sun, 16 Dec 2018 12:49:23 +0100 Subject: JavaScript-free scrollbar (#2181) * JavaScript-free scrollbar Make scrollbar work without JavaScript https://github.com/FreshRSS/FreshRSS/pull/2117#discussion_r240804225 Also implies a better support of resize scenarios. Seems to fix at the same time the occasional glitches https://github.com/FreshRSS/FreshRSS/pull/2117#issuecomment-447556038 * Firefox 64-66 workaround Workaround for Gecko bug in Firefox 64-66. Avoid showing the scrollbar all the time, at the cost of a slight reflow (therefore targetting only Gecko). * Improvement of Firefox workaround * Minor comment * Unneeded check * Even better * Partial Edge fix * More margin for tree bottom --- p/themes/base-theme/template.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'p/themes/base-theme/template.css') diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css index 7ffce3530..86c985d0c 100644 --- a/p/themes/base-theme/template.css +++ b/p/themes/base-theme/template.css @@ -435,7 +435,7 @@ a.btn { @supports (scrollbar-width: thin) { #sidebar { - overflow-y: scroll; + overflow-y: auto; scrollbar-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.05); scrollbar-width: thin; } @@ -462,6 +462,7 @@ a.btn { /*=== Tree */ .tree { margin: 0; + max-height: 99vh; list-style: none; text-align: left; overflow-x: hidden; @@ -496,7 +497,7 @@ a.btn { } .tree-bottom { visibility: hidden; - margin-bottom: 15em; + margin-bottom: 18em; } /*=== STRUCTURE */ @@ -536,7 +537,6 @@ a.btn { } .aside { display: table-cell; - height: 100%; width: 300px; vertical-align: top; } -- cgit v1.2.3