diff options
| author | thansk <53181514+thansk@users.noreply.github.com> | 2024-05-20 11:49:56 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-05-20 11:49:56 +0000 |
| commit | 5abafb8296330dfc7fe7ab630661e0cc8e04ef85 (patch) | |
| tree | 3009c8ee224854a197ed964727ae980f91fb4723 | |
| parent | 9cd2e93a2ee8f2f0f570bcb8fbe584f5c502a34e (diff) | |
| download | invidious-5abafb8296330dfc7fe7ab630661e0cc8e04ef85.tar.gz invidious-5abafb8296330dfc7fe7ab630661e0cc8e04ef85.tar.bz2 invidious-5abafb8296330dfc7fe7ab630661e0cc8e04ef85.zip | |
fix: use a search icon instead of text
| -rw-r--r-- | assets/css/default.css | 3 | ||||
| -rw-r--r-- | src/invidious/views/components/search_box.ecr | 6 |
2 files changed, 8 insertions, 1 deletions
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)) } %>"> </fieldset> - <button type="submit" id="searchbutton">Search</button> + <button type="submit" id="searchbutton" aria-label="<%= translate(locale, "search") %>"> + <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6" aria-hidden="true"> + <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" /> + </svg> + </button> </form> |