style(search): add the floating labels for selects

razonyang · Aug 23, 2022 · cdfed99 · cdfed99
1 parent 52cd459
commit cdfed99
Show file tree

Hide file tree

Showing 7 changed files with 24 additions and 4 deletions.
diff --git a/i18n/en.toml b/i18n/en.toml
@@ -209,6 +209,9 @@ other = "Please enter search keywords"
 [search_no_results]
 other = "No results found"
 
+[search_score]
+other = "Score"
+
 [search_sorting]
 other = "Sorting"
 

diff --git a/i18n/zh-cn.toml b/i18n/zh-cn.toml
@@ -199,6 +199,9 @@ other = "请输入搜索关键词"
 [search_no_results]
 other = "找不到相关结果"
 
+[search_score]
+other = "评分"
+
 [search_sorting]
 other = "排序"
 

diff --git a/i18n/zh-hans.toml b/i18n/zh-hans.toml
@@ -199,6 +199,9 @@ other = "请输入搜索关键词"
 [search_no_results]
 other = "找不到相关结果"
 
+[search_score]
+other = "评分"
+
 [search_sorting]
 other = "排序"
 

diff --git a/i18n/zh-hant.toml b/i18n/zh-hant.toml
@@ -199,6 +199,9 @@ other = "請輸入搜尋關鍵詞"
 [search_no_results]
 other = "找不到相關結果"
 
+[search_score]
+other = "評分"
+
 [search_sorting]
 other = "排序"
 

diff --git a/i18n/zh-hk.toml b/i18n/zh-hk.toml
@@ -199,6 +199,9 @@ other = "請輸入搜索關鍵詞"
 [search_no_results]
 other = "找不到相關結果"
 
+[search_score]
+other = "評分"
+
 [search_sorting]
 other = "排序"
 

diff --git a/i18n/zh-tw.toml b/i18n/zh-tw.toml
@@ -199,6 +199,9 @@ other = "請輸入搜尋關鍵詞"
 [search_no_results]
 other = "找不到相關結果"
 
+[search_score]
+other = "評分"
+
 [search_sorting]
 other = "排序"
 

diff --git a/layouts/partials/search/form.html b/layouts/partials/search/form.html
@@ -16,20 +16,22 @@
         </span>
     </div>
     <div class="row g-1 collapse" id="advanced-search">
-        <div class="col-6 mb-2">
+        <div class="form-floating col-6 mb-2">
             <select class="form-select" aria-label="{{ i18n "language" }}" name="lang" id="languages-select">
-                <option selected value="">{{ i18n "language" }}</option>
+                <option selected value="">{{ i18n "all" }}</option>
                 {{- range .Site.Languages -}}
                 <option value="{{ .Lang }}">{{ .LanguageName }}</option>
                 {{- end }}
             </select>
+            <label for="languages-select">{{ i18n "language" }}</label>
         </div>
-        <div class="col-6 mb-2">
+        <div class="form-floating col-6 mb-2">
             <select class="form-select" aria-label="{{ i18n "search_sorting" }}" name="sort" id="sorting-select">
-                <option selected value="">{{ i18n "search_sorting" }}</option>
+                <option selected value="">{{ i18n "search_score" }}</option>
                 <option value="date asc">{{ i18n "search_date"}} ↑</option>
                 <option value="date desc">{{ i18n "search_date"}} ↓</option>
             </select>
+            <label for="sorting-select">{{ i18n "search_sorting" }}</label>
         </div>
         <div class="form-floating col-6 col-lg-3">
             <input type="text" class="form-control form-control-sm" name="author" id="author-input" list="authors-list" placeholder="{{ i18n "authors" }}">