From 5abafb8296330dfc7fe7ab630661e0cc8e04ef85 Mon Sep 17 00:00:00 2001
From: thansk <53181514+thansk@users.noreply.github.com>
Date: Mon, 20 May 2024 11:49:56 +0000
Subject: [PATCH] fix: use a search icon instead of text
---
assets/css/default.css | 3 +++
src/invidious/views/components/search_box.ecr | 6 +++++-
2 files changed, 8 insertions(+), 1 deletion(-)
diff --git a/assets/css/default.css b/assets/css/default.css
index d86ec7bc..20ec3222 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -321,6 +321,9 @@ input[type="search"]::-webkit-search-cancel-button {
border: 0;
background: none;
text-transform: uppercase;
+ display: grid;
+ place-items: center;
+ width: 1.5em;
}
.searchbar #searchbutton:hover {
diff --git a/src/invidious/views/components/search_box.ecr b/src/invidious/views/components/search_box.ecr
index c5488255..b679b031 100644
--- a/src/invidious/views/components/search_box.ecr
+++ b/src/invidious/views/components/search_box.ecr
@@ -6,5 +6,9 @@
title="<%= translate(locale, "search") %>"
value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } %>">
-
+