add: tooltip for the icon in sidebar (#1185)

* chore: make prompt area adjustable

* chore: add tooltip for the icon in sidebar

Author: ramonmi

addon/locale/en-US/addon.ftl

@@ -155,7 +155,7 @@ field-titleTranslation=Title Translation
 field-abstractTranslation=Abstract Translation
 
 status-translating=Translating...
-
+sideBarIcon-title=Translate Annotation
 
 service-libretranslate=LibreTranslate
 service-libretranslate-secret-pass=Config

addon/locale/it-IT/addon.ftl

@@ -129,6 +129,7 @@ field-titleTranslation=Traduzione del titolo
 field-abstractTranslation=Traduzione dell'Abstract
 
 status-translating=Traduzione in corso...
+sideBarIcon-title=Translate Annotation
 
 service-libretranslate=LibreTranslate
 service-libretranslate-secret-pass=Configura

addon/locale/zh-CN/addon.ftl

@@ -154,6 +154,7 @@ field-titleTranslation=标题翻译
 field-abstractTranslation=摘要翻译
 
 status-translating=正在翻译...
+sideBarIcon-title=翻译注释
 
 service-libretranslate=LibreTranslate
 service-libretranslate-secret-pass=配置

src/modules/reader.ts

@@ -1,6 +1,7 @@
 import { config } from "../../package.json";
 import { SVGIcon } from "../utils/config";
 import { addTranslateAnnotationTask } from "../utils/task";
+import { getString } from "../utils/locale";
 
 export function registerReaderInitializer() {
   Zotero.Reader.registerEventListener(
@@ -24,6 +25,7 @@ export function registerReaderInitializer() {
           classList: ["icon"],
           properties: {
             innerHTML: SVGIcon,
+            title: getString("sideBarIcon-title"),
           },
           listeners: [
             {

src/modules/settings/claude.ts

@@ -120,7 +120,7 @@ export async function claudeStatusCallback(status: boolean) {
             },
           },
           {
-            tag: "input",
+            tag: "textarea",
             id: "prompt",
             attributes: {
               "data-bind": "prompt",

src/modules/settings/gpt.ts

@@ -29,6 +29,8 @@ async function gptStatusCallback(
           gridTemplateColumns: "1fr 4fr",
           rowGap: "10px",
           columnGap: "5px",
+          minWidth: "400px",
+          minHeight: "200px",
         },
         children: [
           {
@@ -131,7 +133,7 @@ async function gptStatusCallback(
             },
           },
           {
-            tag: "input",
+            tag: "textarea",
             id: "prompt",
             attributes: {
               "data-bind": "prompt",

typings/i10n.d.ts

@@ -19,6 +19,7 @@ export type FluentMessageId =
   | 'itemPaneSection-header'
   | 'itemPaneSection-openStandalone'
   | 'itemPaneSection-sidenav'
+  | 'sideBarIcon-title'
   | 'itemmenu-more-label'
   | 'itemmenu-retranslateAbstract-label'
   | 'itemmenu-retranslateTitle-label'