From 47f7c938ae611662e0cc65210010117502589496 Mon Sep 17 00:00:00 2001 From: patriceac <48073125+patriceac@users.noreply.github.com> Date: Mon, 7 Nov 2022 23:15:59 -0800 Subject: [PATCH 1/2] Update main.css --- ui/media/css/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ui/media/css/main.css b/ui/media/css/main.css index 2df03a64..e7083380 100644 --- a/ui/media/css/main.css +++ b/ui/media/css/main.css @@ -706,7 +706,7 @@ input::file-selector-button { } .popup { - position: absolute; + position: fixed; background: rgba(32, 33, 36, 50%); top: 0px; left: 0px; From a68ebd2b760f31c6091f920d9f8012adac6dc9f2 Mon Sep 17 00:00:00 2001 From: patriceac <48073125+patriceac@users.noreply.github.com> Date: Tue, 8 Nov 2022 02:17:26 -0800 Subject: [PATCH 2/2] Fixing the popup position on larger screens Fixing the popup position on larger screens; Smaller screens still get the current rendering experience. --- ui/media/css/main.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/ui/media/css/main.css b/ui/media/css/main.css index e7083380..b0543497 100644 --- a/ui/media/css/main.css +++ b/ui/media/css/main.css @@ -706,7 +706,7 @@ input::file-selector-button { } .popup { - position: fixed; + position: absolute; background: rgba(32, 33, 36, 50%); top: 0px; left: 0px; @@ -717,6 +717,12 @@ input::file-selector-button { transition: 0s visibility, 0.3s opacity; } +@media only screen and (min-height: 1050px) { + .popup { + position: fixed; + } +} + .popup > div { position: relative; background: var(--background-color2);