mirrors/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2025-07-29 16:58:30 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

basic search button implemented

Browse Source
This commit is contained in:
discollizard 2024-07-05 23:05:12 -03:00
parent 1ae14cc224
commit 4171ae9455
2 changed files with 28 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
assets/css/default.css
View File

@ -278,10 +278,14 @@ div.thumbnail > .bottom-right-overlay {
display: inline; display: inline;
} }
.searchbar .pure-form fieldset { padding: 0; } .searchbar .pure-form fieldset {
padding: 0;
display: flex;
justify-content: space-around;
}
.searchbar input[type="search"] { .searchbar input[type="search"] {
width: 100%; width: 90%;
margin: 1px; margin: 1px;
border: 1px solid; border: 1px solid;
@ -301,6 +305,24 @@ div.thumbnail > .bottom-right-overlay {
border-bottom-color: #FED; border-bottom-color: #FED;
} }
.searchbar button[type="submit"]{
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
}
.searchbar .icon {
font-size: 24px;
position: relative;
top: 5px;
cursor: pointer;
}
/* https://stackoverflow.com/a/55170420 */ /* https://stackoverflow.com/a/55170420 */
input[type="search"]::-webkit-search-cancel-button { input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none; -webkit-appearance: none;

4
src/invidious/views/components/search_box.ecr
View File

@ -5,5 +5,9 @@
name="q" placeholder="<%= translate(locale, "search") %>" name="q" placeholder="<%= translate(locale, "search") %>"
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)) } %>">
<button type="submit">
<i class="ion-ios-search icon">
</i>
</button>
</fieldset> </fieldset>
</form> </form>