update dist

immersive-translate · Apr 17, 2024 · b2dcbe7 · b2dcbe7
1 parent dd860cb
commit b2dcbe7
Show file tree

Hide file tree

Showing 19 changed files with 1,702 additions and 1,248 deletions.
diff --git a/dist/chrome/background.js b/dist/chrome/background.js
diff --git a/dist/chrome/content_script.js b/dist/chrome/content_script.js
diff --git a/dist/chrome/content_start.js b/dist/chrome/content_start.js
diff --git a/dist/chrome/manifest.json b/dist/chrome/manifest.json
@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "name": "__MSG_brandName__",
   "description": "__MSG_brandDescription__",
-  "version": "1.4.9",
+  "version": "1.4.10",
   "default_locale": "en",
   "background": {
     "service_worker": "background.js"

diff --git a/dist/chrome/options.js b/dist/chrome/options.js
diff --git a/dist/chrome/popup.js b/dist/chrome/popup.js
diff --git a/dist/chrome/styles/options.css b/dist/chrome/styles/options.css
@@ -76,8 +76,8 @@ body {
 
 #mount>main {
   /* padding-top: calc(var(--block-spacing-vertical) + 3.5rem); */
-  padding-left: var(--block-spacing-horizontal);
-  padding-right: var(--block-spacing-horizontal);
+  padding-left: var(--block-spacing-vertical);
+  padding-right: var(--block-spacing-vertical);
 }
 
 #mount>nav {

diff --git a/dist/chrome/styles/pico.css b/dist/chrome/styles/pico.css
@@ -311,6 +311,7 @@ kbd {
   --float-ball-more-button-background-color: #FCFCFC;
   --float-ball-more-button-svg-color: #6C6F73;
   color-scheme: light;
+  --service-bg-hover:#F7FAFF;
 }
 
 @media only screen and (prefers-color-scheme: dark) {
@@ -420,6 +421,7 @@ kbd {
     --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
     --icon-share: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjInIGhlaWdodD0nMjInIHZpZXdCb3g9JzAgMCAyMiAyMicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTcuOTM0OCA3LjY0ODQ0QzE5Ljg5NDEgNy42NDg0NCAyMS40ODU1IDYuMDU0NjkgMjEuNDg1NSA0LjA5NzY2QzIxLjQ4NTUgMi4xNDA2MiAxOS44OTE4IDAuNTQ2ODc1IDE3LjkzNDggMC41NDY4NzVDMTUuOTc1NCAwLjU0Njg3NSAxNC4zODQgMi4xNDA2MiAxNC4zODQgNC4wOTc2NkMxNC4zODQgNC4yOTkyMiAxNC40MDA0IDQuNDkzNzUgMTQuNDMzMiA0LjY4NTk0TDYuMzIzODMgOC4zNTM5MUM1LjcwOTc3IDcuODQ1MzEgNC45MjIyNyA3LjU0MDYyIDQuMDY0NDUgNy41NDA2MkMyLjEwNTA4IDcuNTQwNjIgMC41MTM2NzIgOS4xMzQzOCAwLjUxMzY3MiAxMS4wOTE0QzAuNTEzNjcyIDEzLjA0ODQgMi4xMDc0MiAxNC42NDIyIDQuMDY0NDUgMTQuNjQyMkM0LjgzMzIgMTQuNjQyMiA1LjU0NTcgMTQuMzk2MSA2LjEyNjk1IDEzLjk4MTNMMTEuNDk0MSAxNi45OTUzQzExLjQxNjggMTcuMjg1OSAxMS4zNzcgMTcuNTg4MyAxMS4zNzcgMTcuOTAyM0MxMS4zNzcgMTkuODYxNyAxMi45NzA3IDIxLjQ1MzEgMTQuOTI3NyAyMS40NTMxQzE2Ljg4NzEgMjEuNDUzMSAxOC40Nzg1IDE5Ljg1OTQgMTguNDc4NSAxNy45MDIzQzE4LjQ3ODUgMTUuOTQzIDE2Ljg4NDggMTQuMzUxNiAxNC45Mjc3IDE0LjM1MTZDMTMuOTU3NCAxNC4zNTE2IDEzLjA3ODUgMTQuNzQzIDEyLjQzNjMgMTUuMzczNEw3LjMyMjI3IDEyLjUwNDdDNy41MDk3NyAxMi4wNzExIDcuNjE1MjMgMTEuNTk1MyA3LjYxNTIzIDExLjA5MzhDNy42MTUyMyAxMC42ODEyIDcuNTQ0OTIgMTAuMjg3NSA3LjQxNjAyIDkuOTE5NTNMMTUuMjIzIDYuMzg3NUMxNS44NzQ2IDcuMTU2MjUgMTYuODQ5NiA3LjY0ODQ0IDE3LjkzNDggNy42NDg0NFpNNC4wNjQ0NSAxMi43Njk1QzMuMTQxMDIgMTIuNzY5NSAyLjM4ODY3IDEyLjAxNzIgMi4zODg2NyAxMS4wOTM4QzIuMzg4NjcgMTAuMTcwMyAzLjE0MTAyIDkuNDE3OTcgNC4wNjQ0NSA5LjQxNzk3QzQuOTg3ODkgOS40MTc5NyA1Ljc0MDIzIDEwLjE3MDMgNS43NDAyMyAxMS4wOTM4QzUuNzQwMjMgMTIuMDE3MiA0Ljk4Nzg5IDEyLjc2OTUgNC4wNjQ0NSAxMi43Njk1Wk0xNC45Mjc3IDE2LjIyNjZDMTUuODUxMiAxNi4yMjY2IDE2LjYwMzUgMTYuOTc4OSAxNi42MDM1IDE3LjkwMjNDMTYuNjAzNSAxOC44MjU4IDE1Ljg1MTIgMTkuNTc4MSAxNC45Mjc3IDE5LjU3ODFDMTQuMDA0MyAxOS41NzgxIDEzLjI1MiAxOC44MjU4IDEzLjI1MiAxNy45MDIzQzEzLjI1MiAxNi45Nzg5IDE0LjAwMiAxNi4yMjY2IDE0LjkyNzcgMTYuMjI2NlpNMTcuOTM0OCAyLjQxOTUzQzE4Ljg1ODIgMi40MTk1MyAxOS42MTA1IDMuMTcxODcgMTkuNjEwNSA0LjA5NTMxQzE5LjYxMDUgNS4wMTg3NSAxOC44NTgyIDUuNzcxMDkgMTcuOTM0OCA1Ljc3MTA5QzE3LjAxMTMgNS43NzEwOSAxNi4yNTkgNS4wMTg3NSAxNi4yNTkgNC4wOTUzMUMxNi4yNTkgMy4xNzE4NyAxNy4wMTEzIDIuNDE5NTMgMTcuOTM0OCAyLjQxOTUzWicgZmlsbD0nI0I2QjZCNicvPjwvc3ZnPiA=");
     color-scheme: dark;
+    --service-bg-hover:#22292F;
   }
 }
 [data-theme="dark"] {

diff --git a/dist/chrome/styles/store.css b/dist/chrome/styles/store.css
@@ -10,6 +10,23 @@
     padding-bottom: 28px;
 }
 
+.service-container[data-selected="true"] {
+    /* background: #EA4C890A; */
+    background-color: #ea4c8917;
+}
+
+.service-container[data-selected="false"][data-configed="true"]:hover {
+    background: var(--service-bg-hover);
+}
+
+.service-container[data-selected="false"][data-configed="true"]:hover .service-set-default {
+    opacity: 1 !important;
+}
+
+.service-container[data-selected="false"][data-configed="true"]:hover {
+    cursor: pointer !important;
+}
+
 .service-container h3 {
     font-size: 18px;
 
@@ -21,18 +38,30 @@
 
 .service-container a,
 .service-container p {
-    font-size: 0.875rem;
+    font-size: 0.825rem;
 }
 
 .service-container:nth-child(odd) {
     margin-right: 24px;
 }
 
+.service-container [type="checkbox"][role="switch"]:checked {
+    background-color: var(--switch-checked-background-color) !important;
+    border-color: var(--switch-checked-background-color) !important;
+}
+
 .service-container input:not([type="submit"], [type="button"], [type="reset"])[disabled] {
     background-color: var(--switch-background-color);
     --border-color: var(--switch-background-color);
 }
 
+.service-set-default,
+.service-current-default {
+    color: #999999;
+    font-size: 0.825rem;
+    font-weight: 400;
+}
+
 .store-return a {
     height: 20px;
     width: 24px;
@@ -56,13 +85,16 @@
 
 @media screen and (max-width: 750px) {
     .service-container {
-        width: 100% !important;
+        min-width: 90%;
+        max-width: 100%;
     }
 }
 
 @media screen and (max-width: 400px) {
     .service-container {
-        width: 100%;
+        flex-grow: 1;
+
+        min-width: 90%;
         margin-right: 0px !important;
         margin-bottom: 12px !important;
         padding: 12px !important;

diff --git a/dist/firefox/background.js b/dist/firefox/background.js
diff --git a/dist/firefox/content_script.js b/dist/firefox/content_script.js
diff --git a/dist/firefox/content_start.js b/dist/firefox/content_start.js
diff --git a/dist/firefox/manifest.json b/dist/firefox/manifest.json
@@ -2,7 +2,7 @@
   "manifest_version": 2,
   "name": "__MSG_brandName__",
   "description": "__MSG_brandDescription__",
-  "version": "1.4.9",
+  "version": "1.4.10",
   "default_locale": "en",
   "background": {
     "scripts": [

diff --git a/dist/firefox/options.js b/dist/firefox/options.js
diff --git a/dist/firefox/popup.js b/dist/firefox/popup.js
diff --git a/dist/firefox/styles/options.css b/dist/firefox/styles/options.css
@@ -76,8 +76,8 @@ body {
 
 #mount>main {
   /* padding-top: calc(var(--block-spacing-vertical) + 3.5rem); */
-  padding-left: var(--block-spacing-horizontal);
-  padding-right: var(--block-spacing-horizontal);
+  padding-left: var(--block-spacing-vertical);
+  padding-right: var(--block-spacing-vertical);
 }
 
 #mount>nav {

diff --git a/dist/firefox/styles/pico.css b/dist/firefox/styles/pico.css
@@ -311,6 +311,7 @@ kbd {
   --float-ball-more-button-background-color: #FCFCFC;
   --float-ball-more-button-svg-color: #6C6F73;
   color-scheme: light;
+  --service-bg-hover:#F7FAFF;
 }
 
 @media only screen and (prefers-color-scheme: dark) {
@@ -420,6 +421,7 @@ kbd {
     --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
     --icon-share: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjInIGhlaWdodD0nMjInIHZpZXdCb3g9JzAgMCAyMiAyMicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTcuOTM0OCA3LjY0ODQ0QzE5Ljg5NDEgNy42NDg0NCAyMS40ODU1IDYuMDU0NjkgMjEuNDg1NSA0LjA5NzY2QzIxLjQ4NTUgMi4xNDA2MiAxOS44OTE4IDAuNTQ2ODc1IDE3LjkzNDggMC41NDY4NzVDMTUuOTc1NCAwLjU0Njg3NSAxNC4zODQgMi4xNDA2MiAxNC4zODQgNC4wOTc2NkMxNC4zODQgNC4yOTkyMiAxNC40MDA0IDQuNDkzNzUgMTQuNDMzMiA0LjY4NTk0TDYuMzIzODMgOC4zNTM5MUM1LjcwOTc3IDcuODQ1MzEgNC45MjIyNyA3LjU0MDYyIDQuMDY0NDUgNy41NDA2MkMyLjEwNTA4IDcuNTQwNjIgMC41MTM2NzIgOS4xMzQzOCAwLjUxMzY3MiAxMS4wOTE0QzAuNTEzNjcyIDEzLjA0ODQgMi4xMDc0MiAxNC42NDIyIDQuMDY0NDUgMTQuNjQyMkM0LjgzMzIgMTQuNjQyMiA1LjU0NTcgMTQuMzk2MSA2LjEyNjk1IDEzLjk4MTNMMTEuNDk0MSAxNi45OTUzQzExLjQxNjggMTcuMjg1OSAxMS4zNzcgMTcuNTg4MyAxMS4zNzcgMTcuOTAyM0MxMS4zNzcgMTkuODYxNyAxMi45NzA3IDIxLjQ1MzEgMTQuOTI3NyAyMS40NTMxQzE2Ljg4NzEgMjEuNDUzMSAxOC40Nzg1IDE5Ljg1OTQgMTguNDc4NSAxNy45MDIzQzE4LjQ3ODUgMTUuOTQzIDE2Ljg4NDggMTQuMzUxNiAxNC45Mjc3IDE0LjM1MTZDMTMuOTU3NCAxNC4zNTE2IDEzLjA3ODUgMTQuNzQzIDEyLjQzNjMgMTUuMzczNEw3LjMyMjI3IDEyLjUwNDdDNy41MDk3NyAxMi4wNzExIDcuNjE1MjMgMTEuNTk1MyA3LjYxNTIzIDExLjA5MzhDNy42MTUyMyAxMC42ODEyIDcuNTQ0OTIgMTAuMjg3NSA3LjQxNjAyIDkuOTE5NTNMMTUuMjIzIDYuMzg3NUMxNS44NzQ2IDcuMTU2MjUgMTYuODQ5NiA3LjY0ODQ0IDE3LjkzNDggNy42NDg0NFpNNC4wNjQ0NSAxMi43Njk1QzMuMTQxMDIgMTIuNzY5NSAyLjM4ODY3IDEyLjAxNzIgMi4zODg2NyAxMS4wOTM4QzIuMzg4NjcgMTAuMTcwMyAzLjE0MTAyIDkuNDE3OTcgNC4wNjQ0NSA5LjQxNzk3QzQuOTg3ODkgOS40MTc5NyA1Ljc0MDIzIDEwLjE3MDMgNS43NDAyMyAxMS4wOTM4QzUuNzQwMjMgMTIuMDE3MiA0Ljk4Nzg5IDEyLjc2OTUgNC4wNjQ0NSAxMi43Njk1Wk0xNC45Mjc3IDE2LjIyNjZDMTUuODUxMiAxNi4yMjY2IDE2LjYwMzUgMTYuOTc4OSAxNi42MDM1IDE3LjkwMjNDMTYuNjAzNSAxOC44MjU4IDE1Ljg1MTIgMTkuNTc4MSAxNC45Mjc3IDE5LjU3ODFDMTQuMDA0MyAxOS41NzgxIDEzLjI1MiAxOC44MjU4IDEzLjI1MiAxNy45MDIzQzEzLjI1MiAxNi45Nzg5IDE0LjAwMiAxNi4yMjY2IDE0LjkyNzcgMTYuMjI2NlpNMTcuOTM0OCAyLjQxOTUzQzE4Ljg1ODIgMi40MTk1MyAxOS42MTA1IDMuMTcxODcgMTkuNjEwNSA0LjA5NTMxQzE5LjYxMDUgNS4wMTg3NSAxOC44NTgyIDUuNzcxMDkgMTcuOTM0OCA1Ljc3MTA5QzE3LjAxMTMgNS43NzEwOSAxNi4yNTkgNS4wMTg3NSAxNi4yNTkgNC4wOTUzMUMxNi4yNTkgMy4xNzE4NyAxNy4wMTEzIDIuNDE5NTMgMTcuOTM0OCAyLjQxOTUzWicgZmlsbD0nI0I2QjZCNicvPjwvc3ZnPiA=");
     color-scheme: dark;
+    --service-bg-hover:#22292F;
   }
 }
 [data-theme="dark"] {

diff --git a/dist/firefox/styles/store.css b/dist/firefox/styles/store.css
@@ -10,6 +10,23 @@
     padding-bottom: 28px;
 }
 
+.service-container[data-selected="true"] {
+    /* background: #EA4C890A; */
+    background-color: #ea4c8917;
+}
+
+.service-container[data-selected="false"][data-configed="true"]:hover {
+    background: var(--service-bg-hover);
+}
+
+.service-container[data-selected="false"][data-configed="true"]:hover .service-set-default {
+    opacity: 1 !important;
+}
+
+.service-container[data-selected="false"][data-configed="true"]:hover {
+    cursor: pointer !important;
+}
+
 .service-container h3 {
     font-size: 18px;
 
@@ -21,18 +38,30 @@
 
 .service-container a,
 .service-container p {
-    font-size: 0.875rem;
+    font-size: 0.825rem;
 }
 
 .service-container:nth-child(odd) {
     margin-right: 24px;
 }
 
+.service-container [type="checkbox"][role="switch"]:checked {
+    background-color: var(--switch-checked-background-color) !important;
+    border-color: var(--switch-checked-background-color) !important;
+}
+
 .service-container input:not([type="submit"], [type="button"], [type="reset"])[disabled] {
     background-color: var(--switch-background-color);
     --border-color: var(--switch-background-color);
 }
 
+.service-set-default,
+.service-current-default {
+    color: #999999;
+    font-size: 0.825rem;
+    font-weight: 400;
+}
+
 .store-return a {
     height: 20px;
     width: 24px;
@@ -56,13 +85,16 @@
 
 @media screen and (max-width: 750px) {
     .service-container {
-        width: 100% !important;
+        min-width: 90%;
+        max-width: 100%;
     }
 }
 
 @media screen and (max-width: 400px) {
     .service-container {
-        width: 100%;
+        flex-grow: 1;
+
+        min-width: 90%;
         margin-right: 0px !important;
         margin-bottom: 12px !important;
         padding: 12px !important;