"translation by" added. translation icon added.
This commit is contained in:
parent
fa6b5c95a9
commit
13d82d8dbf
3 changed files with 12 additions and 3 deletions
|
|
@ -2169,6 +2169,10 @@
|
||||||
"message": "Summary by",
|
"message": "Summary by",
|
||||||
"description": ""
|
"description": ""
|
||||||
},
|
},
|
||||||
|
"translate_by": {
|
||||||
|
"message": "Translation by",
|
||||||
|
"description": ""
|
||||||
|
},
|
||||||
"prefs_THStats_1": {
|
"prefs_THStats_1": {
|
||||||
"message": "Do you want beautiful statistics about your emails?",
|
"message": "Do you want beautiful statistics about your emails?",
|
||||||
"description": ""
|
"description": ""
|
||||||
|
|
|
||||||
BIN
images/ai_translation.png
Normal file
BIN
images/ai_translation.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 740 B |
|
|
@ -1241,7 +1241,7 @@ switch (message.command) {
|
||||||
translationHeader.style.cssText = 'display: flex; align-items: center; gap: 8px; margin-bottom: 6px;';
|
translationHeader.style.cssText = 'display: flex; align-items: center; gap: 8px; margin-bottom: 6px;';
|
||||||
|
|
||||||
const translationIcon = document.createElement('img');
|
const translationIcon = document.createElement('img');
|
||||||
translationIcon.src = browser.runtime.getURL("/images/ai_summary.png");
|
translationIcon.src = browser.runtime.getURL("/images/ai_translation.png");
|
||||||
translationIcon.style.cssText = `height: 16px; width: 16px; flex-shrink: 0;${isDarkTranslation ? ' filter: invert(1);' : ''}`;
|
translationIcon.style.cssText = `height: 16px; width: 16px; flex-shrink: 0;${isDarkTranslation ? ' filter: invert(1);' : ''}`;
|
||||||
|
|
||||||
const translationTitleSpan = document.createElement('span');
|
const translationTitleSpan = document.createElement('span');
|
||||||
|
|
@ -1278,8 +1278,13 @@ switch (message.command) {
|
||||||
}
|
}
|
||||||
], { bg: bgColorTranslation, border: borderColorTranslation, text: textColorTranslation });
|
], { bg: bgColorTranslation, border: borderColorTranslation, text: textColorTranslation });
|
||||||
|
|
||||||
|
const translationBranding = document.createElement('span');
|
||||||
|
translationBranding.textContent = browser.i18n.getMessage("translate_by") + " ThunderAI";
|
||||||
|
translationBranding.style.cssText = 'font-style: italic; font-size: 10px; opacity: 0.5; white-space: nowrap;';
|
||||||
|
|
||||||
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);
|
||||||
|
|
||||||
|
|
@ -1381,7 +1386,7 @@ switch (message.command) {
|
||||||
translationGenContainer.style.cssText = `background-color: ${bgColorTranslationGen}; color: ${textColorTranslationGen}; padding: 0.5rem; border-radius: 4px; border: 1px solid ${borderColorTranslationGen}; font-family: system-ui, -apple-system, sans-serif; font-size: 14px; display: flex; align-items: center; gap: 10px;`;
|
translationGenContainer.style.cssText = `background-color: ${bgColorTranslationGen}; color: ${textColorTranslationGen}; padding: 0.5rem; border-radius: 4px; border: 1px solid ${borderColorTranslationGen}; font-family: system-ui, -apple-system, sans-serif; font-size: 14px; display: flex; align-items: center; gap: 10px;`;
|
||||||
|
|
||||||
const translationGenIcon = document.createElement('img');
|
const translationGenIcon = document.createElement('img');
|
||||||
translationGenIcon.src = browser.runtime.getURL("/images/ai_summary.png");
|
translationGenIcon.src = browser.runtime.getURL("/images/ai_translation.png");
|
||||||
translationGenIcon.style.cssText = `height: 16px; width: 16px; flex-shrink: 0;${isDarkTranslationGen ? ' filter: invert(1);' : ''}`;
|
translationGenIcon.style.cssText = `height: 16px; width: 16px; flex-shrink: 0;${isDarkTranslationGen ? ' filter: invert(1);' : ''}`;
|
||||||
|
|
||||||
const translationGenLoadingImg = document.createElement('img');
|
const translationGenLoadingImg = document.createElement('img');
|
||||||
|
|
@ -1429,7 +1434,7 @@ switch (message.command) {
|
||||||
}
|
}
|
||||||
|
|
||||||
const translationTriggerIcon = document.createElement('img');
|
const translationTriggerIcon = document.createElement('img');
|
||||||
translationTriggerIcon.src = browser.runtime.getURL("/images/ai_summary.png");
|
translationTriggerIcon.src = browser.runtime.getURL("/images/ai_translation.png");
|
||||||
translationTriggerIcon.style.cssText = `height: 14px; width: 14px;${isDarkTranslationBtn ? ' filter: invert(1);' : ''}`;
|
translationTriggerIcon.style.cssText = `height: 14px; width: 14px;${isDarkTranslationBtn ? ' filter: invert(1);' : ''}`;
|
||||||
translationTriggerBtn.appendChild(translationTriggerIcon);
|
translationTriggerBtn.appendChild(translationTriggerIcon);
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue