ai summary icon added. see #580
This commit is contained in:
parent
6bfeeca90d
commit
c0a5be76b7
1 changed files with 15 additions and 1 deletions
|
|
@ -883,6 +883,13 @@ switch (message.command) {
|
||||||
summaryHeader.appendChild(summaryRightGroup);
|
summaryHeader.appendChild(summaryRightGroup);
|
||||||
summaryContainer.appendChild(summaryHeader);
|
summaryContainer.appendChild(summaryHeader);
|
||||||
|
|
||||||
|
const summaryBody = document.createElement('div');
|
||||||
|
summaryBody.style.cssText = 'display: flex; gap: 8px; align-items: flex-start;';
|
||||||
|
|
||||||
|
const summaryIcon = document.createElement('img');
|
||||||
|
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);' : ''}`;
|
||||||
|
|
||||||
const summaryText = document.createElement('div');
|
const summaryText = document.createElement('div');
|
||||||
summaryText.className = 'thunderai-summary-content';
|
summaryText.className = 'thunderai-summary-content';
|
||||||
if (summaryData.error) {
|
if (summaryData.error) {
|
||||||
|
|
@ -892,7 +899,9 @@ switch (message.command) {
|
||||||
}
|
}
|
||||||
summaryText.style.cssText = `font-size: 14px; line-height: 1.4;`;
|
summaryText.style.cssText = `font-size: 14px; line-height: 1.4;`;
|
||||||
|
|
||||||
summaryContainer.appendChild(summaryText);
|
summaryBody.appendChild(summaryIcon);
|
||||||
|
summaryBody.appendChild(summaryText);
|
||||||
|
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');
|
||||||
document.body.insertBefore(summaryContainer, spamBanner ? spamBanner.nextSibling : document.body.firstChild);
|
document.body.insertBefore(summaryContainer, spamBanner ? spamBanner.nextSibling : document.body.firstChild);
|
||||||
|
|
@ -920,6 +929,10 @@ switch (message.command) {
|
||||||
generatingContainer.className = 'thunderai-summary-pane';
|
generatingContainer.className = 'thunderai-summary-pane';
|
||||||
generatingContainer.style.cssText = `background-color: ${bgColorGen}; color: ${textColorGen}; padding: 0.5rem; margin-bottom: 1rem; border-radius: 4px; border: 1px solid ${borderColorGen}; font-family: system-ui, -apple-system, sans-serif; font-size: 14px; display: flex; align-items: center; gap: 10px;`;
|
generatingContainer.style.cssText = `background-color: ${bgColorGen}; color: ${textColorGen}; padding: 0.5rem; margin-bottom: 1rem; border-radius: 4px; border: 1px solid ${borderColorGen}; font-family: system-ui, -apple-system, sans-serif; font-size: 14px; display: flex; align-items: center; gap: 10px;`;
|
||||||
|
|
||||||
|
const generatingIcon = document.createElement('img');
|
||||||
|
generatingIcon.src = browser.runtime.getURL("/images/ai_summary.png");
|
||||||
|
generatingIcon.style.cssText = `height: 16px; width: 16px; flex-shrink: 0;${isDarkGen ? ' filter: invert(1);' : ''}`;
|
||||||
|
|
||||||
const generatingLoadingImg = document.createElement('img');
|
const generatingLoadingImg = document.createElement('img');
|
||||||
generatingLoadingImg.src = browser.runtime.getURL("/images/loading.gif");
|
generatingLoadingImg.src = browser.runtime.getURL("/images/loading.gif");
|
||||||
generatingLoadingImg.style.cssText = "height: 16px; width: 16px;";
|
generatingLoadingImg.style.cssText = "height: 16px; width: 16px;";
|
||||||
|
|
@ -929,6 +942,7 @@ switch (message.command) {
|
||||||
generatingTitle.textContent = browser.i18n.getMessage("summarize_generating");
|
generatingTitle.textContent = browser.i18n.getMessage("summarize_generating");
|
||||||
generatingTitle.style.cssText = `font-size: 14px; color: ${titleColorGen};`;
|
generatingTitle.style.cssText = `font-size: 14px; color: ${titleColorGen};`;
|
||||||
|
|
||||||
|
generatingContainer.appendChild(generatingIcon);
|
||||||
generatingContainer.appendChild(generatingLoadingImg);
|
generatingContainer.appendChild(generatingLoadingImg);
|
||||||
generatingContainer.appendChild(generatingTitle);
|
generatingContainer.appendChild(generatingTitle);
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue