From 7d717e22a8517a167a5cfcf5362aef23713d20f9 Mon Sep 17 00:00:00 2001 From: Giteabot Date: Wed, 19 Apr 2023 21:02:38 -0400 Subject: [PATCH] Vertical widths of containers removed (#24184) (#24211) Backport #24184 by @krzysztofjeziorny A vertical overflow appears in Firefox 112/MacOS 12.6 when the system setting for scrollbars is to "Always" show them. Here, the fixed 100vw container widths are removed, which removes the overflow. It is, however, only simulated in Developer Tools in latest Firefox and Chromium, so please test on a Gitea installation. Co-authored-by: Krzysztof Jeziorny <872730+krzysztofjeziorny@users.noreply.github.com> --- web_src/css/base.css | 5 ++--- web_src/css/dashboard.css | 1 - 2 files changed, 2 insertions(+), 4 deletions(-) diff --git a/web_src/css/base.css b/web_src/css/base.css index 51b2929c7c..a7853a704b 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -1830,9 +1830,8 @@ footer { } footer .container { - width: 100vw !important; padding: 0 0.5rem; - max-width: calc(100vw - 1rem) !important; + max-width: 100%; } footer .container .links > * { @@ -2384,7 +2383,7 @@ a.ui.label:hover { } .ui.primary.label, -.ui.primary.labels .label, +.ui.primary.labels .label, .ui.ui.ui.primary.label { background-color: var(--color-primary); border-color: var(--color-primary-dark-2); diff --git a/web_src/css/dashboard.css b/web_src/css/dashboard.css index ced8b3a164..4512367dc7 100644 --- a/web_src/css/dashboard.css +++ b/web_src/css/dashboard.css @@ -84,7 +84,6 @@ } .dashboard .dashboard-navbar { - width: 100vw; padding-left: 0.5rem; padding-right: 0.5rem; }