update dist

immersive-translate · Jul 18, 2023 · 2e8d806 · 2e8d806
1 parent 01317f0
commit 2e8d806
Show file tree

Hide file tree

Showing 25 changed files with 2,632 additions and 440 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/libs/foliate-js/make.js b/dist/chrome/libs/foliate-js/make.js
diff --git a/dist/chrome/libs/subtitle/subtitle.js b/dist/chrome/libs/subtitle/subtitle.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": "0.7.9",
+ "version": "0.7.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/common.css b/dist/chrome/styles/common.css
@@ -2,6 +2,8 @@
  /* --primary: rgb(227, 59, 126); */
  --primary: #ea4c89;
  --primary-hover: #f082ac;
+ --icon-xia: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2214%22%20viewBox%3D%220%200%2022%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.4392%2013.1554L1.18789%203.96259C0.85064%203.5869%200.664086%203.09986%200.664062%202.59501C0.664062%201.46382%201.58164%200.546875%202.71353%200.546875H19.2161C19.7212%200.546847%2020.2085%200.733262%2020.5846%201.07037C21.4272%201.82567%2021.4976%203.12055%2020.7418%203.96256L12.4905%2013.1554C12.441%2013.2106%2012.3885%2013.263%2012.3333%2013.3124C11.4907%2014.0678%2010.195%2013.9974%209.4392%2013.1554Z%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fsvg%3E");
+
 }
 
 li.select-link.select-link:hover > ul {
@@ -79,9 +81,6 @@ select.min-select {
  padding: 0;
  padding-right: 20px;
  padding-left: 8px;
-
- background-position: center right 0;
- background-size: 16px auto;
  text-overflow: ellipsis;
  color: var(--color);
 

diff --git a/dist/chrome/styles/popup.css b/dist/chrome/styles/popup.css
@@ -6,7 +6,7 @@ html {
 body {
  padding: 0;
  margin: 0 auto;
- min-width: 255px;
+ min-width: 268px;
  border-radius: 10px;
 }
 .immersive-translate-popup-overlay {
@@ -50,11 +50,12 @@ body {
  --modal-overlay-backdrop-filter: blur(4px);
 }
 #mount {
- min-width: 250px;
+ min-width: 268px;
 }
 .main-button {
  font-size: 14px;
  vertical-align: middle;
+ border-radius: 8px;
 }
 
 .pt-4 {
@@ -121,6 +122,10 @@ body {
  padding-bottom: 8px;
 }
 
+.py-2-5 {
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
 .mt-2 {
  margin-top: 8px;
 }
@@ -140,9 +145,15 @@ body {
 .ml-2 {
  margin-left: 8px;
 }
+.ml-1 {
+ margin-left: 4px;
+}
 .mr-1 {
  margin-right: 4px;
 }
+.mr-3 {
+ margin-right: 16px;
+}
 .pl-3 {
  padding-left: 12px;
 }
@@ -152,6 +163,17 @@ body {
 .p-3 {
  padding: 12px;
 }
+.px-3{
+ padding-left: 12px;
+ padding-right: 12px;
+}
+.pt-3{
+ padding-top: 12px;
+}
+.py-3 {
+ padding-top: 12px;
+ padding-bottom: 12px;
+}
 .mt-4 {
  margin-top: 24px;
 }
@@ -244,3 +266,119 @@ body {
 .w-auto {
  width: auto;
 }
+
+
+select.min-select {
+ --form-element-spacing-horizontal: 0;
+ margin-bottom: 0px;
+ max-width: unset;
+ flex:1;
+ overflow: hidden;
+ color: var(--primary);
+ font-size: 14px;
+ border: none;
+ border-radius: 8px;
+ padding: 6px 24px 6px 16px;
+ background-color: #F5F7F9;
+ background-position: center right 12px;
+ background-size: 8px auto;
+ background-image: var(--icon-xia);
+ text-overflow: ellipsis;
+ color: var(--color);
+
+}
+@media (prefers-color-scheme: dark) {
+ select.min-select {
+ background-color: #141e26;
+ }
+}
+select.min-select-secondary {
+ color: var(--color);
+}
+select.min-select:focus {
+ outline: none;
+ border: none;
+ --box-shadow: none;
+}
+select.min-select-no-arrow {
+ background-image: none;
+ padding-right: 0;
+}
+
+select.min-select-left {
+ padding-right: 0px;
+ /* padding-left: 24px; */
+ /* background-position: center left 0; */
+ text-overflow: ellipsis;
+ text-align: left;
+}
+.popup-footer {
+ background-color: #F5F7F9;
+}
+
+
+
+.clickable {
+ cursor: pointer;
+}
+
+.close {
+ cursor: pointer;
+ width: 16px;
+ height: 16px;
+ background-image: var(--icon-close);
+ background-position: center;
+ background-size: auto 1rem;
+ background-repeat: no-repeat;
+ opacity: 0.5;
+ transition: opacity var(--transition);
+}
+
+.padding-two-column {
+ padding-left: 40px;
+ padding-right: 40px;
+}
+
+.muted {
+ color: #999;
+}
+.text-label {
+ color: #6b7280;
+}
+
+
+
+
+select.text-label {
+ color: #6b7280;
+}
+.display-none {
+ display: none;
+}
+
+
+/* dark use #18232c */
+
+@media (prefers-color-scheme: dark) {
+ .popup-footer {
+ background-color: #141e26;
+ }
+
+ .text-label{
+ color: #9ca3af;
+ }
+select.text-label {
+
+ color: #9ca3af;
+}
+}
+
+
+
+
+
+
+
+
+
+