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

moved positioning of the translate branding. see #744

Browse source
This commit is contained in:
mic 2026-04-10 23:10:01 +02:00
parent 7e9ef4c378
commit fc1091bd0c
1 changed files with 25 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1278,7 +1278,6 @@ switch (message.command) {
translationHeader.appendChild(translationIcon); translationHeader.appendChild(translationIcon);
translationHeader.appendChild(translationTitleSpan); translationHeader.appendChild(translationTitleSpan);
translationHeader.appendChild(translationBranding);
translationHeader.appendChild(translationMenu); translationHeader.appendChild(translationMenu);
translationContainer.appendChild(translationHeader); translationContainer.appendChild(translationHeader);
@ -1343,10 +1342,21 @@ switch (message.command) {
requestAnimationFrame(() => { requestAnimationFrame(() => {
if (translationText.scrollHeight > translationText.clientHeight) { if (translationText.scrollHeight > translationText.clientHeight) {
translationTextWrapper.appendChild(toggleLink); const toggleContainer = document.createElement('div');
toggleContainer.style.cssText = 'display: flex; align-items: center; gap: 8px; margin-bottom: -6px; justify-content: space-between;';
toggleContainer.appendChild(toggleLink);
toggleContainer.appendChild(translationBranding);
translationBranding.style.marginRight = '-4px';
translationBranding.style.marginBottom = '-6px';
translationTextWrapper.appendChild(toggleContainer);
} else { } else {
translationText.style.maxHeight = ''; translationText.style.maxHeight = '';
translationText.style.overflow = ''; translationText.style.overflow = '';
// No toggle, branding goes directly after text
const brandingContainer = document.createElement('div');
brandingContainer.style.cssText = 'display: flex; justify-content: flex-end; margin-right: -4px; margin-bottom: -6px;';
brandingContainer.appendChild(translationBranding);
translationTextWrapper.appendChild(brandingContainer);
} }
}); });
} else { } else {
@ -1382,8 +1392,20 @@ switch (message.command) {
} }
expanded = !expanded; expanded = !expanded;
}); });
translationTextWrapper.appendChild(toggleLink); const toggleContainer = document.createElement('div');
toggleContainer.style.cssText = 'display: flex; align-items: center; gap: 8px; margin-bottom: -6px; justify-content: space-between;';
toggleContainer.appendChild(toggleLink);
toggleContainer.appendChild(translationBranding);
translationBranding.style.marginRight = '-4px';
translationBranding.style.marginBottom = '-6px';
translationTextWrapper.appendChild(toggleContainer);
} }
} else {
// No truncation, branding goes directly after text
const brandingContainer = document.createElement('div');
brandingContainer.style.cssText = 'display: flex; justify-content: flex-end; margin-right: -4px; margin-bottom: -6px;';
brandingContainer.appendChild(translationBranding);
translationTextWrapper.appendChild(brandingContainer);
} }
translationContainer.appendChild(translationTextWrapper); translationContainer.appendChild(translationTextWrapper);