jason/ThunderAI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add_tags dialog position and size fixed. see #183

Browse source
This commit is contained in:
Mic 2024-12-13 00:33:00 +01:00
parent 5170e80140
commit 0d0d157d35
1 changed files with 23 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
js/mzta-compose-script.js
View file

@ -172,9 +172,11 @@ switch (message.command) {
.mzta_dialog { .mzta_dialog {
border: none; border: none;
border-radius: 8px; border-radius: 8px;
padding: 0;
width: 300px; width: 300px;
max-width: 90%; max-width: 90%;
max-height: 90%;
padding: 1em;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
background-color: var(--dialog-bg-color, #fff); background-color: var(--dialog-bg-color, #fff);
color: var(--dialog-text-color, #000); color: var(--dialog-text-color, #000);
@ -187,7 +189,9 @@ switch (message.command) {
.mzta_dialog_content { .mzta_dialog_content {
position: relative; position: relative;
padding: 20px; padding: 0;
overflow-y: auto;
max-height: 80vh;
} }
.mzta_dialog_btn { .mzta_dialog_btn {
@ -290,6 +294,23 @@ switch (message.command) {
} }
tags_dialog.showModal(); tags_dialog.showModal();
// Calcola la posizione centrata nel viewport dell'iframe
const iframeHeight = window.innerHeight; // Altezza visibile dell'iframe
const iframeWidth = window.innerWidth; // Larghezza visibile dell'iframe
const dialogRect = tags_dialog.getBoundingClientRect();
// Assicurati che il dialog sia centrato nel viewport dell'iframe
const top = Math.max(0, (iframeHeight - dialogRect.height) / 2);
const left = Math.max(0, (iframeWidth - dialogRect.width) / 2);
tags_dialog.style.top = `${top}px`;
tags_dialog.style.left = `${left}px`;
tags_dialog.style.maxHeight = `${iframeHeight - 40}px`;
tags_dialog.style.transform = 'translate(0, 0)';
} }
// Example usage // Example usage