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

Fix TTS modal z-index and scale down modal for PureCSS

Browse source 
- 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
This commit is contained in:
Russell Ballestrini 2025-06-29 21:51:55 -04:00
parent d21913611b
commit 4cdbcbcbc3
1 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
uncloseai.js
View file

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