engineering/uncloseai.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: remove PicoCSS modal overlay effects for TTS and translate modals

Browse source 
- 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
This commit is contained in:
Russell Ballestrini 2025-07-10 22:10:17 -04:00
parent 4f4993b605
commit e02fb10b11
1 changed files with 12 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/uncloseai-modal-pico.css
View file

@ -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%);