positioning fixed. see #580
This commit is contained in:
parent
d66c897ad1
commit
b2eb872557
1 changed files with 13 additions and 13 deletions
|
|
@ -844,9 +844,6 @@ switch (message.command) {
|
||||||
summaryContainer.className = 'thunderai-summary-pane';
|
summaryContainer.className = 'thunderai-summary-pane';
|
||||||
summaryContainer.style.cssText = `background-color: ${bgColorSummary}; color: ${textColorSummary}; padding: 0.5rem; margin-bottom: 1rem; border-radius: 4px; border: 1px solid ${borderColorSummary}; font-family: system-ui, -apple-system, sans-serif; font-size: 14px;`;
|
summaryContainer.style.cssText = `background-color: ${bgColorSummary}; color: ${textColorSummary}; padding: 0.5rem; margin-bottom: 1rem; border-radius: 4px; border: 1px solid ${borderColorSummary}; font-family: system-ui, -apple-system, sans-serif; font-size: 14px;`;
|
||||||
|
|
||||||
const summaryHeader = document.createElement('div');
|
|
||||||
summaryHeader.style.cssText = `display: flex; justify-content: flex-end; align-items: center; margin-bottom: 0.25rem; float:right;`;
|
|
||||||
|
|
||||||
const summaryMenu = createThreeDotsMenu(isDarkSummary, [
|
const summaryMenu = createThreeDotsMenu(isDarkSummary, [
|
||||||
{
|
{
|
||||||
icon: '↻',
|
icon: '↻',
|
||||||
|
|
@ -873,22 +870,21 @@ switch (message.command) {
|
||||||
|
|
||||||
const summaryBranding = document.createElement('span');
|
const summaryBranding = document.createElement('span');
|
||||||
summaryBranding.textContent = browser.i18n.getMessage("summary_by") + " ThunderAI";
|
summaryBranding.textContent = browser.i18n.getMessage("summary_by") + " ThunderAI";
|
||||||
summaryBranding.style.cssText = 'font-style: italic; font-size: 10px; opacity: 0.5;';
|
summaryBranding.style.cssText = 'font-style: italic; font-size: 10px; opacity: 0.5; white-space: nowrap;';
|
||||||
|
|
||||||
const summaryRightGroup = document.createElement('span');
|
const summaryRightGroup = document.createElement('span');
|
||||||
summaryRightGroup.style.cssText = 'display: flex; align-items: center; gap: 5px;';
|
summaryRightGroup.style.cssText = 'display: flex; align-items: center; gap: 5px; float: right; margin-left: 10px;';
|
||||||
summaryRightGroup.appendChild(summaryBranding);
|
summaryRightGroup.appendChild(summaryBranding);
|
||||||
summaryRightGroup.appendChild(summaryMenu);
|
summaryRightGroup.appendChild(summaryMenu);
|
||||||
|
|
||||||
summaryHeader.appendChild(summaryRightGroup);
|
|
||||||
summaryContainer.appendChild(summaryHeader);
|
|
||||||
|
|
||||||
const summaryBody = document.createElement('div');
|
|
||||||
summaryBody.style.cssText = 'display: flex; gap: 8px; align-items: flex-start;';
|
|
||||||
|
|
||||||
const summaryIcon = document.createElement('img');
|
const summaryIcon = document.createElement('img');
|
||||||
summaryIcon.src = browser.runtime.getURL("/images/ai_summary.png");
|
summaryIcon.src = browser.runtime.getURL("/images/ai_summary.png");
|
||||||
summaryIcon.style.cssText = `height: 16px; width: 16px; margin-top: 2px; flex-shrink: 0;${isDarkSummary ? ' filter: invert(1);' : ''}`;
|
summaryIcon.style.cssText = `height: 16px; width: 16px; flex-shrink: 0; margin-top: 2px;${isDarkSummary ? ' filter: invert(1);' : ''}`;
|
||||||
|
|
||||||
|
const summaryTextWrapper = document.createElement('div');
|
||||||
|
summaryTextWrapper.style.cssText = 'flex: 1; min-width: 0;';
|
||||||
|
|
||||||
|
summaryTextWrapper.appendChild(summaryRightGroup);
|
||||||
|
|
||||||
const summaryText = document.createElement('div');
|
const summaryText = document.createElement('div');
|
||||||
summaryText.className = 'thunderai-summary-content';
|
summaryText.className = 'thunderai-summary-content';
|
||||||
|
|
@ -899,8 +895,12 @@ switch (message.command) {
|
||||||
}
|
}
|
||||||
summaryText.style.cssText = `font-size: 14px; line-height: 1.4;`;
|
summaryText.style.cssText = `font-size: 14px; line-height: 1.4;`;
|
||||||
|
|
||||||
|
summaryTextWrapper.appendChild(summaryText);
|
||||||
|
|
||||||
|
const summaryBody = document.createElement('div');
|
||||||
|
summaryBody.style.cssText = 'display: flex; gap: 8px; align-items: flex-start;';
|
||||||
summaryBody.appendChild(summaryIcon);
|
summaryBody.appendChild(summaryIcon);
|
||||||
summaryBody.appendChild(summaryText);
|
summaryBody.appendChild(summaryTextWrapper);
|
||||||
summaryContainer.appendChild(summaryBody);
|
summaryContainer.appendChild(summaryBody);
|
||||||
|
|
||||||
const spamBanner = document.getElementById('mzta-spam-report-banner') || document.getElementById('mzta-spam-check-progress');
|
const spamBanner = document.getElementById('mzta-spam-report-banner') || document.getElementById('mzta-spam-check-progress');
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue