From 0743207c6839827930c109d54aaff6c08d07515f Mon Sep 17 00:00:00 2001 From: BertKoor Date: Wed, 23 Apr 2025 08:51:51 +0200 Subject: [PATCH] fix #4467 support for 4k/5k monitors. Bootstrap sets usable width to 52% for 5k monitors. see forum discussion https://www.webtrees.net/index.php/forum/help-for-release-2-1-x/39936-diagrams-how-to-set-to-use-the-entire-screen-width and bootstrap code https://github.com/twbs/bootstrap/blob/main/site/data/breakpoints.yml --- resources/css/_base.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/resources/css/_base.css b/resources/css/_base.css index 2b4db62231a..d7ab375da97 100644 --- a/resources/css/_base.css +++ b/resources/css/_base.css @@ -63,6 +63,11 @@ a:hover { text-decoration: underline; } +/* Extend screen width limitation of bootstrap for 4k/5k devices */ +@media (min-width: 1700px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1600px} } +@media (min-width: 2100px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1980px} } +@media (min-width: 2500px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 2360px} } + /* Scrollbars */ .wt-global { /* Prevent redraws when dynamic content requires a scrollbar. */