From 4cdbcbcbc348dae4640eab6686822cfda6f7cd8c Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell.ballestrini@gmail.com>
Date: Sun, 29 Jun 2025 21:51:55 -0400
Subject: [PATCH] Fix TTS modal z-index and scale down modal for PureCSS

- Fixed TTS modal z-index detection after dialog conversion (hermes-modal vs hermes-modal-backdrop)
- Added 60% scale transform to modal when custom styling disabled for better fit
- Reduced chat area minimum heights (300px->200px, 250px->150px) for more compact layout
- Modal now appears properly sized for PureCSS framework integration
---
 uncloseai.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/uncloseai.js b/uncloseai.js
index 131919a..304c20e 100644
--- a/uncloseai.js
+++ b/uncloseai.js
@@ -1002,6 +1002,8 @@ function openHermesModal() {
       max-width: 800px;
       height: 80%;
       max-height: 600px;
+      transform: scale(0.6);
+      transform-origin: center;
     `;
   }
 
@@ -1230,7 +1232,7 @@ function openHermesModal() {
       padding: 1rem;
       overflow-y: auto;
       border-bottom: 1px solid #e0e0e0;
-      min-height: 300px;
+      min-height: 200px;
     `;
   }
   
@@ -1243,7 +1245,7 @@ function openHermesModal() {
     `;
   } else {
     chatBox.style.cssText = `
-      min-height: 250px;
+      min-height: 150px;
       overflow-y: auto;
     `;
   }
@@ -1431,7 +1433,7 @@ const USE_CUSTOM_STYLING = window.UNCLOSEAI_CUSTOM_STYLING !== false;
 // Function to open TTS modal
 function openTTSModal() {
   // Check if Hermes modal is open to set appropriate z-index
-  const hermesModal = document.getElementById('hermes-modal-backdrop');
+  const hermesModal = document.getElementById('hermes-modal');
   const zIndex = hermesModal ? '2001' : '1001';
   
   const modal = document.createElement('dialog');