From 29311417df6903a985f3e66319b18e65cc9adcb5 Mon Sep 17 00:00:00 2001 From: Pablo Vazquez Date: Thu, 7 Jul 2022 12:39:14 +0200 Subject: [PATCH] UI: Prevent scrollbars showing up unnecessarily on some browsers Use overlay overflow for compatible browsers (e.g. Chromium), fallback to auto for non-compatible browsers (e.g. Firefox). There should be no visible changes for Firefox users (tested on 101.0.1). --- web/app/src/assets/base.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/web/app/src/assets/base.css b/web/app/src/assets/base.css index 548ed1f6..7fea8644 100644 --- a/web/app/src/assets/base.css +++ b/web/app/src/assets/base.css @@ -120,7 +120,9 @@ body { /* These two are necessary for the automatic resizing of the tasks table: */ /* Ensures that the table cannot push down the bottom of the column element, * and thus the column height is a stable reference. */ + /* Firefox does not recognize "overlay" currently, so have "auto" as fallback. */ overflow-y: auto; + overflow-y: overlay; /* Ensures the offsetParent of the table is the column itself; without this, * offsetParent would be . */ position: relative;