From e02fb10b11115d40b4bb2277c0f0473d69edecf4 Mon Sep 17 00:00:00 2001 From: Russell Ballestrini Date: Thu, 10 Jul 2025 22:10:17 -0400 Subject: [PATCH] fix: remove PicoCSS modal overlay effects for TTS and translate modals - Override --pico-modal-overlay-backdrop-filter and --pico-modal-overlay-background-color - Set both variables to none/transparent for dialog#tts-modal and dialog#translate-modal - Prevents upstream PicoCSS from applying default modal backdrop effects --- src/uncloseai-modal-pico.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/src/uncloseai-modal-pico.css b/src/uncloseai-modal-pico.css index b2e1c89..1ac150d 100644 --- a/src/uncloseai-modal-pico.css +++ b/src/uncloseai-modal-pico.css @@ -291,6 +291,12 @@ dialog#translate-modal::backdrop { background-color: transparent !important; } +/* Override PicoCSS modal overlay variables for translate modal */ +dialog#translate-modal { + --pico-modal-overlay-backdrop-filter: none !important; + --pico-modal-overlay-background-color: transparent !important; +} + /* Translate modal header */ .translate-modal-header { background: linear-gradient(45deg, #4CAF50 0%, #45a049 100%); @@ -554,6 +560,12 @@ dialog#tts-modal::backdrop { background-color: transparent !important; } +/* Override PicoCSS modal overlay variables for TTS modal */ +dialog#tts-modal { + --pico-modal-overlay-backdrop-filter: none !important; + --pico-modal-overlay-background-color: transparent !important; +} + /* TTS modal header */ .tts-modal-header { background: linear-gradient(45deg, #667eea 0%, #764ba2 100%);