Small update localization and UI

Stigmatoz · Stigmatoz · commit 184bc5c2d088 · 2024-07-27T16:49:53.000+03:00
diff --git a/src/_locales/de/messages.json b/src/_locales/de/messages.json
@@ -1,6 +1,6 @@
 {
   "extName": {
-    "message": "Web Activity Time Tracker - Blockieren Sie Websites und Webanalysen"
+    "message": "Web Activity Time Tracker - Websites sperren, Pomodoro & Webanalyse"
   },
   "extDescription": {
     "message": "Verfolgen und begrenzen Sie die Zeit Ihrer Webaktivitäten und blockieren Sie den Zugang zu den Websites. Überwachen Sie Ihre Internetnutzung."
@@ -361,7 +361,7 @@
   },
   "promoClearYoutube": {
     "message": "Möchten Sie Kurzfilme, Kommentare, empfohlene Videos, Abonnements und andere YouTube-Ablenkungen blockieren? Wir haben eine weitere Erweiterung erstellt, mit der Sie YouTube ohne Ablenkung ansehen können.",
-    "description": "Install"
+    "description": "Versuchen Clean YouTube"
   },
   "completelyBlocked": {
     "message": "Vollständig blockiert",
diff --git a/src/_locales/en/messages.json b/src/_locales/en/messages.json
@@ -1,6 +1,6 @@
 {
   "extName": {
-    "message": "Web Activity Time Tracker - Block Sites, Web Analytics & Pomodoro"
+    "message": "Web Activity Time Tracker - Block Sites, Pomodoro & Web Analytics"
   },
   "extDescription": {
     "message": "Track time of your web activity, limit and block distracting websites. Monitor your web usage."
@@ -263,7 +263,7 @@
   },
   "promoClearYoutube": {
     "message": "Would you like to block shorts, comments, recommended videos, subscriptions, and other YouTube distractions? We've created another extension that will help you watch YouTube without distractions.",
-    "description": "Install"
+    "description": "Try Clean Youtube"
   },
   "block": {
     "message": "You've reached your limit for today on "
diff --git a/src/_locales/es/messages.json b/src/_locales/es/messages.json
@@ -1,6 +1,6 @@
 {
   "extName": {
-    "message": "Web Activity Time Tracker - Bloquear sitios, análisis web y Pomodoro"
+    "message": "Web Activity Time Tracker - Sitios bloqueados, Pomodoro y análisis web"
   },
   "extDescription": {
     "message": "Controla el tiempo de tu actividad web, limita y bloquea los sitios web que te distraen. Monitoriza tu uso de la web."
@@ -263,7 +263,7 @@
   },
   "promoClearYoutube": {
     "message": "¿Te gustaría bloquear los cortos, los comentarios, los vídeos recomendados, las suscripciones y otras distracciones de YouTube? Hemos creado otra extensión que te ayudará a ver YouTube sin distracciones.",
-    "description": "Instale"
+    "description": "Prueba Clean YouTube"
   },
   "block": {
     "message": "Has alcanzado tu límite por hoy en"
diff --git a/src/_locales/ru/messages.json b/src/_locales/ru/messages.json
@@ -1,6 +1,6 @@
 {
   "extName": {
-    "message": "Web Activity Time Tracker - Блокировка сайтов и \u0412\u0435\u0431 аналитика"
+    "message": "Web Activity Time Tracker - Блокировка сайтов, Pomodoro и \u0412\u0435\u0431 аналитика"
   },
   "extDescription": {
     "message": "Отслеживайте время вашей веб-активности и блокируйте отвлекающие сайты. Следите за тем, сколько времени вы проводите на сайтах."
@@ -288,7 +288,7 @@
   },
   "promoClearYoutube": {
     "message": "Хотели бы вы блокировать шортсы, комментарии, рекомендованные видео, подписки и другие отвлекающие элементы YouTube? Мы создали еще одно расширение, которое поможет вам смотреть YouTube без отвлекающих факторов.",
-    "description": "Установить"
+    "description": "Попробовать Clean YouTube"
   },
   "removeAllData": {
     "message": "Удалить все данные",
diff --git a/src/_locales/zh_CN/messages.json b/src/_locales/zh_CN/messages.json
@@ -1,6 +1,6 @@
 {
   "extName": {
-    "message": "Web Activity Time Tracker - 阻止网站、网络分析和番茄钟"
+    "message": "Web Activity Time Tracker - 封鎖網站、Pomodoro 與網頁分析"
   },
   "extDescription": {
     "message": "追踪和限制您的网站活动时间，并阻止访问网站。监控您的网站使用情况"
@@ -361,7 +361,7 @@
   },
   "promoClearYoutube": {
     "message": "您想屏蔽短片、评论、推荐视频、订阅和其他 YouTube 干扰内容吗？ 我们创建了另一个扩展程序，可帮助您不受干扰地观看 YouTube",
-    "description": "安装"
+    "description": "嘗試 Clean YouTube"
   },
   "completelyBlocked": {
     "message": "完全封锁",
diff --git a/src/assets/css/dashboard.css b/src/assets/css/dashboard.css
@@ -34,13 +34,12 @@ body {
   min-height: 300px;
   cursor: pointer;
   list-style: none;
-  padding: 10px;
+  padding-left: 10px;
   max-height: 600px;
   overflow: auto;
 }
 
 .url-list li {
-  line-height: 25px;
   font-size: 14px;
 }
 
diff --git a/src/components/ListWithTime.vue b/src/components/ListWithTime.vue
@@ -1,27 +1,5 @@
 <template>
-  <ul readonly class="url-list">
-    <li v-for="(limit, i) of list" :key="i">
-      <div>
-        <img src="../assets/icons/delete.png" height="16" @click="deleteFromList(limit.domain)" />
-        <img
-          src="../assets/icons/edit.svg"
-          height="16"
-          @click="editItemFromList(limit.domain, limit.time)"
-        />
-        <Favicon :type="TypeOfUrl.WebSite" :favicon="getFavicon(limit.domain)" />
-        <span>{{ limit.domain }}</span>
-        <div>
-          <p class="time-value d-inline-block" v-if="!completelyBlocked(limit.time)">
-            {{ t('limit.message') }} : {{ getTime(limit.time) }}
-          </p>
-          <p class="blocked" v-if="completelyBlocked(limit.time)">
-            {{ t('completelyBlocked.message') }}
-          </p>
-        </div>
-      </div>
-    </li>
-  </ul>
-  <div class="limits-time-block mt-20">
+  <div class="limits-time-block mb-20">
     <input
       type="text"
       :disabled="isEdit"
@@ -50,6 +28,28 @@
       <span>{{ t('completelyBlocked.description') }}</span>
     </label>
   </div>
+  <ul readonly class="url-list">
+    <li v-for="(limit, i) of list" :key="i">
+      <div>
+        <img src="../assets/icons/delete.png" height="16" @click="deleteFromList(limit.domain)" />
+        <img
+          src="../assets/icons/edit.svg"
+          height="16"
+          @click="editItemFromList(limit.domain, limit.time)"
+        />
+        <Favicon :type="TypeOfUrl.WebSite" :favicon="getFavicon(limit.domain)" />
+        <span>{{ limit.domain }}</span>
+        <div>
+          <p class="time-value d-inline-block" v-if="!completelyBlocked(limit.time)">
+            {{ t('limit.message') }} : {{ getTime(limit.time) }}
+          </p>
+          <p class="blocked" v-if="completelyBlocked(limit.time)">
+            {{ t('completelyBlocked.message') }}
+          </p>
+        </div>
+      </div>
+    </li>
+  </ul>
 </template>
 
 <script lang="ts">
@@ -213,6 +213,6 @@ async function save(value: any) {
   font-size: 13px;
   color: gray;
   margin-left: 55px;
-  margin-top: 5px;
+  margin-top: 0;
 }
 </style>
diff --git a/src/components/PromoClearYouTube.vue b/src/components/PromoClearYouTube.vue
@@ -68,7 +68,6 @@ async function saveValue() {
 }
 .review-block input[type='button'] {
   float: right;
-  width: auto;
 }
 .review-block p {
   display: inline-block;
diff --git a/src/welcome.html b/src/welcome.html
@@ -7,7 +7,7 @@
     <title>Welcome to the Web Activity Time Tracker</title>
   </head>
 
-  <body style="background: linear-gradient(to right, #ececff, #fff2f4)">
+  <body>
     <script type="module" src="./welcome.ts"></script>
   </body>
 </html>

Original file line number	Diff line number	Diff line change
`@@ -34,13 +34,12 @@ body {`
`34`	`34`	`min-height: 300px;`
`35`	`35`	`cursor: pointer;`
`36`	`36`	`list-style: none;`
`37`		`- padding: 10px;`
	`37`	`+ padding-left: 10px;`
`38`	`38`	`max-height: 600px;`
`39`	`39`	`overflow: auto;`
`40`	`40`	`}`
`41`	`41`
`42`	`42`	`.url-list li {`
`43`		`- line-height: 25px;`
`44`	`43`	`font-size: 14px;`
`45`	`44`	`}`
`46`	`45`
Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,6 @@ async function saveValue() {`
`68`	`68`	`}`
`69`	`69`	`.review-block input[type='button'] {`
`70`	`70`	`float: right;`
`71`		`- width: auto;`
`72`	`71`	`}`
`73`	`72`	`.review-block p {`
`74`	`73`	`display: inline-block;`