luci-theme-bootstrap: Allways show scrollbar

With this addition to the body tag, on desktop browsers the vertical scrollbar
is always visible and the content will not be shifted by changing tabs (like
at System/Software when the update tab has no to little content).

I couldn't see any negative side effects with Chromium browsers or Firefox
under Windows/Linux and Android, but I don't have access to Apple devices
for tests.

Signed-off-by: Thomas Schröder <tschroeder_github@outlook.com>

diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
index f1b6dccab248ced1636c1a1e7ff99e9d3a262fb1..9cf9b45b3849aff27b774261c06e4dc0ee71dfbc 100644 (file)
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -288,6 +288,7 @@ body {
        min-height: 100%;
        display: flex;
        flex-direction: column;
+       overflow-y: scroll;
 }
 
 .container {