summary btn position fixed
This commit is contained in:
parent
d2486f7f5e
commit
8ba35a34ba
1 changed files with 18 additions and 4 deletions
|
|
@ -819,6 +819,8 @@ switch (message.command) {
|
||||||
const generatingBanner = document.getElementById('mzta-summary-generating');
|
const generatingBanner = document.getElementById('mzta-summary-generating');
|
||||||
if(generatingBanner) generatingBanner.remove();
|
if(generatingBanner) generatingBanner.remove();
|
||||||
|
|
||||||
|
const existingTriggerWrapper = document.getElementById('mzta-summary-trigger-wrapper');
|
||||||
|
if(existingTriggerWrapper) existingTriggerWrapper.remove();
|
||||||
const existingTriggerBtn = document.getElementById('mzta-summary-trigger');
|
const existingTriggerBtn = document.getElementById('mzta-summary-trigger');
|
||||||
if(existingTriggerBtn) existingTriggerBtn.remove();
|
if(existingTriggerBtn) existingTriggerBtn.remove();
|
||||||
|
|
||||||
|
|
@ -914,6 +916,8 @@ switch (message.command) {
|
||||||
const existingSummary = document.getElementById('mzta-summary-banner');
|
const existingSummary = document.getElementById('mzta-summary-banner');
|
||||||
if(existingSummary) existingSummary.remove();
|
if(existingSummary) existingSummary.remove();
|
||||||
|
|
||||||
|
const existingTriggerWrap = document.getElementById('mzta-summary-trigger-wrapper');
|
||||||
|
if(existingTriggerWrap) existingTriggerWrap.remove();
|
||||||
const existingTrigger = document.getElementById('mzta-summary-trigger');
|
const existingTrigger = document.getElementById('mzta-summary-trigger');
|
||||||
if(existingTrigger) existingTrigger.remove();
|
if(existingTrigger) existingTrigger.remove();
|
||||||
|
|
||||||
|
|
@ -964,10 +968,11 @@ switch (message.command) {
|
||||||
const triggerBtn = document.createElement('div');
|
const triggerBtn = document.createElement('div');
|
||||||
triggerBtn.id = 'mzta-summary-trigger';
|
triggerBtn.id = 'mzta-summary-trigger';
|
||||||
triggerBtn.title = browser.i18n.getMessage("summarize_click_to_generate");
|
triggerBtn.title = browser.i18n.getMessage("summarize_click_to_generate");
|
||||||
|
const triggerBtnBase = `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: inline-flex; align-items: center; gap: 6px; width: fit-content;`;
|
||||||
if (spamBannerTrigger) {
|
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;`;
|
triggerBtn.style.cssText = triggerBtnBase + ' margin-left: auto; margin-top: 4px;';
|
||||||
} else {
|
} 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;`;
|
triggerBtn.style.cssText = triggerBtnBase + ' position: fixed; top: 8px; right: 8px; z-index: 9998;';
|
||||||
}
|
}
|
||||||
|
|
||||||
const triggerIcon = document.createElement('img');
|
const triggerIcon = document.createElement('img');
|
||||||
|
|
@ -986,14 +991,23 @@ switch (message.command) {
|
||||||
triggerBtn.style.opacity = '0.7';
|
triggerBtn.style.opacity = '0.7';
|
||||||
triggerBtn.onmouseover = null;
|
triggerBtn.onmouseover = null;
|
||||||
triggerBtn.onmouseout = null;
|
triggerBtn.onmouseout = null;
|
||||||
triggerBtn.remove();
|
const wrapper = document.getElementById('mzta-summary-trigger-wrapper');
|
||||||
|
if (wrapper) wrapper.remove(); else triggerBtn.remove();
|
||||||
browser.runtime.sendMessage({
|
browser.runtime.sendMessage({
|
||||||
command: message.webchat ? "triggerSummaryWebchat" : "triggerSummaryGeneration",
|
command: message.webchat ? "triggerSummaryWebchat" : "triggerSummaryGeneration",
|
||||||
headerMessageId: message.headerMessageId
|
headerMessageId: message.headerMessageId
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
document.body.appendChild(triggerBtn);
|
if (spamBannerTrigger) {
|
||||||
|
const triggerWrapper = document.createElement('div');
|
||||||
|
triggerWrapper.id = 'mzta-summary-trigger-wrapper';
|
||||||
|
triggerWrapper.style.cssText = 'display: flex; justify-content: flex-end; padding: 4px 0.5rem;';
|
||||||
|
triggerWrapper.appendChild(triggerBtn);
|
||||||
|
document.body.insertBefore(triggerWrapper, spamBannerTrigger.nextSibling);
|
||||||
|
} else {
|
||||||
|
document.body.appendChild(triggerBtn);
|
||||||
|
}
|
||||||
return Promise.resolve(true);
|
return Promise.resolve(true);
|
||||||
|
|
||||||
default:
|
default:
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue