UI: Add search button to search bar (#4706)

Closes issue 529
This commit is contained in:
Samantaz Fox 2024-08-24 19:38:48 +02:00
commit febf18cbf7
No known key found for this signature in database
GPG key ID: F42821059186176E
2 changed files with 21 additions and 1 deletions

View file

@ -278,7 +278,14 @@ div.thumbnail > .bottom-right-overlay {
display: inline; display: inline;
} }
.searchbar .pure-form fieldset { padding: 0; } .searchbar .pure-form {
display: flex;
}
.searchbar .pure-form fieldset {
padding: 0;
flex: 1;
}
.searchbar input[type="search"] { .searchbar input[type="search"] {
width: 100%; width: 100%;
@ -310,6 +317,16 @@ input[type="search"]::-webkit-search-cancel-button {
background-size: 14px; background-size: 14px;
} }
.searchbar #searchbutton {
border: none;
background: none;
margin-top: 0;
}
.searchbar #searchbutton:hover {
color: rgb(0, 182, 240);
}
.user-field { .user-field {
display: flex; display: flex;
flex-direction: row; flex-direction: row;

View file

@ -6,4 +6,7 @@
title="<%= translate(locale, "search") %>" title="<%= translate(locale, "search") %>"
value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } %>"> value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } %>">
</fieldset> </fieldset>
<button type="submit" id="searchbutton" aria-label="<%= translate(locale, "search") %>">
<i class="icon ion-ios-search"></i>
</button>
</form> </form>