Move search button to the top

iina · Nov 9, 2024 · f5d7d93 · f5d7d93
1 parent 7ee2fbe
commit f5d7d93
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 5 deletions.
diff --git a/Info.json b/Info.json
@@ -1,13 +1,13 @@
 {
   "name": "OpenSubtitles",
   "identifier": "io.iina.opensub",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "description": "Official OpenSubtitles plugin for IINA",
   "author": {
     "name": "IINA Developers",
     "url": "https://github.com/iina/plugin-opensub"
   },
-  "ghVersion": 4,
+  "ghVersion": 5,
   "ghRepo": "iina/plugin-opensub",
   "entry": "dist/index.js",
   "global": "dist/global.js",

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "iina-plugin-opensub",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "",
   "main": "src/index.js",
   "scripts": {

diff --git a/ui/shared.scss b/ui/shared.scss
@@ -60,6 +60,7 @@ body {
     --highlight-text: #fff;
     --searchbox-bg: rgba(0, 0, 0, 0.1);
     --searchbox-text: #dadada;
+    --text-secondary: rgba(255, 255, 255, 0.5);
     --input-border: rgba(255, 255, 255, 0.2);
     --input-border-light: rgba(255, 255, 255, 0.1);
     --input-border-dark: rgba(255, 255, 255, 0.3);
@@ -75,6 +76,7 @@ body {
         --highlight-text: #000;
         --searchbox-bg: rgba(0, 0, 0, 0.05);
         --searchbox-text: #222;
+        --text-secondary: rgba(0, 0, 0, 0.5);
         --input-border: rgba(0, 0, 0, 0.1);
         --input-border-light: rgba(0, 0, 0, 0.05);
         --input-border-dark: rgba(0, 0, 0, 0.03);

diff --git a/ui/sidebar/app.vue b/ui/sidebar/app.vue
@@ -77,6 +77,7 @@
         />
       </div>
       <div class="right">
+        <button @click="performSearch" style="margin-right: 4px">GO</button>
         <button @click="showOptions = !showOptions">...</button>
       </div>
     </div>
@@ -89,7 +90,6 @@
           <button @click="pasteFilename" style="margin-right: 4px">
             Paste filename
           </button>
-          <button @click="performSearch">Search</button>
         </div>
       </div>
       <div class="search-opt-item">
@@ -159,7 +159,10 @@
       <div v-if="isSearching" class="search-reuslts-alert">Loading...</div>
       <div v-else-if="searchResults === null"></div>
       <div v-else-if="searchResults.length === 0" class="search-reuslts-alert">
-        No result.
+        No result for query "<span class="query-text-in-no-result">{{
+          cachedSearch.query
+        }}</span
+        >".
       </div>
       <div v-else>
         <!-- search pagination -->
@@ -799,6 +802,11 @@ a {
   }
 }
 
+.query-text-in-no-result {
+  color: var(--text-secondary);
+  font-size: 90%;
+}
+
 #search-results {
   margin: 0 7px;
   .search-reuslts-alert,