fix: use ion icon for search icon

fix: use a search icon instead of text
2024-08-15 00:53:41 +00:00 · 2024-05-20 14:17:30 +00:00 · 2024-05-20 11:49:56 +00:00
2 changed files with 5 additions and 3 deletions
--- a/assets/css/default.css
+++ b/assets/css/default.css
@ -318,9 +318,9 @@ input[type="search"]::-webkit-search-cancel-button {
 }

 .searchbar #searchbutton {
-  border: 0;
+  border: none;
  background: none;
-  text-transform: uppercase;
+  margin-top: 0;
 }

 .searchbar #searchbutton:hover {
--- a/src/invidious/views/components/search_box.ecr
+++ b/src/invidious/views/components/search_box.ecr
@ -6,5 +6,7 @@
 		title="<%= translate(locale, "search") %>"
 		value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } %>">
 	</fieldset>
-	<button type="submit" id="searchbutton">Search</button>
+	<button type="submit" id="searchbutton" aria-label="<%= translate(locale, "search") %>">
+		<i class="icon ion-ios-search"></i>
+	</button>
 </form>
Author	SHA1	Message	Date
thansk	1ce2d10c50	fix: use ion icon for search icon	2024-05-20 14:17:30 +00:00
thansk	5abafb8296	fix: use a search icon instead of text	2024-05-20 11:49:56 +00:00