diff options
| author |  Alexandre Alapetite <alexandre@alapetite.fr>
| 2018-12-16 12:49:23 +0100 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2018-12-16 12:49:23 +0100 |
| commit | 483c698f9a75636e472737872dcc33a4906b9ed9 (patch) | |
| tree | 887ae252f2cb6aa1e12278de939515580a691c4c /p/themes/base-theme/template.css | |
| parent | 983aa587ee71a83d21b17de29d2a26763b18292e (diff) | |
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
Diffstat (limited to 'p/themes/base-theme/template.css')
| -rw-r--r-- | p/themes/base-theme/template.css | 6 |
1 files changed, 3 insertions, 3 deletions
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; } |