From d2486f7f5ee915ecd6f87e471f38f3b443207f92 Mon Sep 17 00:00:00 2001 From: mic Date: Tue, 24 Mar 2026 23:52:57 +0100 Subject: [PATCH] summary generating messaage color fixed. see #580 --- js/mzta-compose-script.js | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/js/mzta-compose-script.js b/js/mzta-compose-script.js index 1e0b9280..70a2a707 100644 --- a/js/mzta-compose-script.js +++ b/js/mzta-compose-script.js @@ -937,10 +937,10 @@ switch (message.command) { generatingLoadingImg.src = browser.runtime.getURL("/images/loading.gif"); generatingLoadingImg.style.cssText = "height: 16px; width: 16px;"; - const generatingTitle = document.createElement('strong'); + const generatingTitle = document.createElement('span'); generatingTitle.className = 'thunderai-summary-title'; generatingTitle.textContent = browser.i18n.getMessage("summarize_generating"); - generatingTitle.style.cssText = `font-size: 14px; color: ${titleColorGen};`; + generatingTitle.style.cssText = `font-size: 14px;`; generatingContainer.appendChild(generatingIcon); generatingContainer.appendChild(generatingLoadingImg); @@ -960,10 +960,15 @@ switch (message.command) { let textColorBtn = isDarkBtn ? '#e0e0e0' : '#333'; let borderColorBtn = isDarkBtn ? '#444' : '#ddd'; + const spamBannerTrigger = document.getElementById('mzta-spam-report-banner') || document.getElementById('mzta-spam-check-progress'); const triggerBtn = document.createElement('div'); triggerBtn.id = 'mzta-summary-trigger'; triggerBtn.title = browser.i18n.getMessage("summarize_click_to_generate"); - triggerBtn.style.cssText = `position: fixed; top: 8px; right: 8px; z-index: 9998; background-color: ${bgColorBtn}; border: 1px solid ${borderColorBtn}; border-radius: 4px; padding: 6px 10px; cursor: pointer; font-family: system-ui, -apple-system, sans-serif; font-size: 12px; font-style: italic; opacity: 0.7; transition: opacity 0.2s; color: ${textColorBtn}; display: flex; align-items: center; gap: 6px;`; + if (spamBannerTrigger) { + triggerBtn.style.cssText = `background-color: ${bgColorBtn}; border: 1px solid ${borderColorBtn}; border-radius: 4px; padding: 6px 10px; cursor: pointer; font-family: system-ui, -apple-system, sans-serif; font-size: 12px; font-style: italic; opacity: 0.7; transition: opacity 0.2s; color: ${textColorBtn}; display: flex; align-items: center; gap: 6px; justify-content: flex-end;`; + } else { + triggerBtn.style.cssText = `position: fixed; top: 8px; right: 8px; z-index: 9998; background-color: ${bgColorBtn}; border: 1px solid ${borderColorBtn}; border-radius: 4px; padding: 6px 10px; cursor: pointer; font-family: system-ui, -apple-system, sans-serif; font-size: 12px; font-style: italic; opacity: 0.7; transition: opacity 0.2s; color: ${textColorBtn}; display: flex; align-items: center; gap: 6px;`; + } const triggerIcon = document.createElement('img'); triggerIcon.src = browser.runtime.getURL("/images/ai_summary.png");