Merge pull request #1531 from MarcusXavierr/fix/overflow-on-the-description-of-triggers-parameters

Fix: #1530 Overflow on the description of the checkbox trigger's parameter

src/components/newtab/workflow/edit/BlockSetting/BlockSettingGeneral.vue

@@ -19,12 +19,12 @@
       <ui-list-item v-if="isDebugSupported" small class="mt-4">
         <div class="flex-1 overflow-hidden">
           <p class="text-overflow">
-            {{ t('workflow.settings.debugMode.title') }}
+            {{ t('workflow.blocks.debugMode.title') }}
           </p>
           <p
             class="text-overflow leading-tight text-gray-600 dark:text-gray-300"
           >
-            Execute block using the Chrome DevTools Protocol
+            {{ t('workflow.blocks.debugMode.description') }}
           </p>
         </div>
         <ui-switch v-model="state.debugMode" class="mr-4" />

src/lib/cronstrue.js

@@ -6,7 +6,7 @@ import 'cronstrue/locales/zh_CN';
 const supportedLocales = ['en', 'zh', 'zh-tw', 'fr'];
 const altLocaleId = {
   zh: 'zh_CN',
-  'zh-tw': 'zh_TW',
+  'zh-TW': 'zh_TW',
 };
 
 export function readableCron(expression) {

src/locales/en/blocks.json

@@ -795,6 +795,10 @@
           "main": "Main window",
           "iframe": "Iframe"
         }
+      },
+      "debugMode": {
+        "title": "Debug mode",
+        "description": "Execute block using the Chrome DevTools Protocol"
       }
     }
   }

src/locales/fr/blocks.json

@@ -284,7 +284,7 @@
         "timeout": "Délai d'attente (millisecondes)",
         "activeTabLoaded": "Onglet actif",
         "setAsActiveTab": "Définir comme onglet actif"
-      },    
+      },
       "blocks-group": {
         "name": "Groupe de blocs",
         "groupName": "Nom du groupe",
@@ -761,7 +761,7 @@
           "page": "D'une page",
           "fullpage": "D'une page entière",
           "element": "D'un élément"
-        },
+        }
       },
       "switch-to": {
         "name": "Basculer de cadre",
@@ -771,7 +771,11 @@
           "main": "Fenêtre principale",
           "iframe": "Iframe"
         }
+      },
+      "debugMode": {
+        "title": "Modalità di debug",
+        "description": "Esegui il block usando il protocollo di Chrome DevTools"
       }
     }
   }
-}
+}

src/locales/it/blocks.json

@@ -773,6 +773,9 @@
           "main": "Finestra principale",
           "iframe": "Iframe"
         }
+      },
+      "debugMode": {
+        "description": "Esegui il modulo corrente utilizzando il protocollo Chrome DevTools"
       }
     }
   }

src/locales/uk/blocks.json

@@ -777,6 +777,10 @@
       },
       "execute-workflow": {
         "insertAllGlobalData": "Використовувати весь поточний робочий процес globalData"
+      },
+      "debugMode": {
+        "title": "Режим налагодження",
+        "description": "Виконати поточний Блоки за допомогою протоколу Chrome DevTools"
       }
     }
   }

src/locales/vi/blocks.json

@@ -750,6 +750,10 @@
           "main": "Cửa sổ chính",
           "iframe": "Iframe"
         }
+      },
+      "debugMode": {
+        "title": "Chế độ kiểm tra sửa lỗi",
+        "description": "Sử dụng giao thức Chrome Devtools để chạy khối"
       }
     }
   }

src/locales/zh-TW/blocks.json

@@ -288,6 +288,9 @@
       },
       "execute-workflow": {
         "insertAllGlobalData": "插入當前工作流的 GlobalData"
+      },
+      "debugMode": {
+        "description": "使用 Chrome DevTools 協定執行目前模組"
       }
     }
   }

src/locales/zh/blocks.json

@@ -789,6 +789,10 @@
           "main": "主窗口",
           "iframe": "Iframe"
         }
+      },
+      "debugMode": {
+        "title": "调试模式",
+        "description": "使用 Chrome DevTools 协议执行当前模块"
       }
     }
   }

src/params/App.vue

@@ -48,7 +48,11 @@
         </p>
         <div class="px-4 pb-4">
           <ul class="space-y-4 divide-y">
-            <li v-for="(param, paramIdx) in workflow.params" :key="paramIdx">
+            <li
+              v-for="(param, paramIdx) in workflow.params"
+              :key="paramIdx"
+              class="flex flex-col gap-3"
+            >
               <component
                 :is="paramsList[param.type].valueComp"
                 v-if="paramsList[param.type]"
@@ -74,7 +78,7 @@
               <p
                 v-if="param.description"
                 title="Description"
-                class="ml-1 whitespace-pre text-sm leading-tight"
+                class="ml-1 text-sm leading-tight"
               >
                 {{ param.description }}
               </p>

src/utils/shared.js

@@ -1580,7 +1580,7 @@ export const supportLocales = [
   { id: 'uk', name: 'Україньська' },
   { id: 'vi', name: 'Tiếng Việt' },
   { id: 'zh', name: '简体中文' },
-  { id: 'zh-tw', name: '繁體中文' },
+  { id: 'zh-TW', name: '繁體中文' },
 ];
 
 export const communities = [