From 37726ab222770094f23158ae3c7bff5f5e2b677e Mon Sep 17 00:00:00 2001 From: lscambo13 Date: Thu, 23 Jan 2025 06:06:58 -0800 Subject: [PATCH] Fix: Some dialogs can be fullscreen only on smaller screens, so remove borders only in those cases New: Disable body overflow when fullscreen dialogs are open to prevent double scroll bars --- Theme/ElegantFin-theme-nightly.css | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css index 707abf6..14501ab 100644 --- a/Theme/ElegantFin-theme-nightly.css +++ b/Theme/ElegantFin-theme-nightly.css @@ -898,11 +898,27 @@ progress+span { min-width: 11em; } -.dialog:not(.dialog-fullscreen, .dialog-fullscreen-lowres, .dialog-fixedSize) { +.dialog:not(.dialog-fullscreen) { border-radius: var(--largeRadius) !important; border: var(--defaultBorder); } +@media (max-width: 80em), +(max-height: 45em) { + + .dialog.dialog-fixedSize, + .dialog.dialog-fullscreen-lowres { + border-radius: unset !important; + border: unset; + } + + body:has(.dialog.dialog-fixedSize.opened, + .dialog.dialog-fullscreen-lowres.opened) { + overflow: hidden; + } +} + + .dialogBackdropOpened { opacity: .66; }