iv-org-mirror/invidious-copy-2022-03-16
1
0
Fork 0
mirror of https://gitea.invidious.io/iv-org/invidious-copy-2022-03-16.git synced 2024-08-15 00:53:18 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add search icon to navbar searchbar

Browse source
This commit is contained in:
syeopite 2021-04-12 04:24:27 -07:00
parent 40823d5816
commit b1890560e2
No known key found for this signature in database
GPG key ID: 6FA616E5A5294A82
2 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
assets/css/default.css
View file

@ -168,6 +168,18 @@ img.thumbnail {
color: #3E4446; color: #3E4446;
background: transparent; background: transparent;
font-size: 1.1em; font-size: 1.1em;
}
.search-button:hover {
color: #090909;
}
#right-overlap-search-button {
float: right;
position: relative;
bottom: 1.8em;
} }
/* /*
@ -444,12 +456,14 @@ body.dark-theme {
} }
.dark-theme .search-button { .dark-theme .search-button {
border: none;
color: #B0ADA4; color: #B0ADA4;
background: transparent;
font-size: 1.1em;
} }
.dark-theme .search-button:hover {
color: #CFCBC1;
}
.dark-theme .pure-menu-link:hover, .dark-theme .pure-menu-link:active { .dark-theme .pure-menu-link:hover, .dark-theme .pure-menu-link:active {
background-color: rgb(34, 36, 38) background-color: rgb(34, 36, 38)
} }

1
src/invidious/views/template.ecr
View file

@ -36,6 +36,7 @@
<form class="pure-form" action="/search" method="get"> <form class="pure-form" action="/search" method="get">
<fieldset> <fieldset>
<input type="search" style="width:100%" name="q" placeholder="<%= translate(locale, "search") %>" value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } %>"> <input type="search" style="width:100%" name="q" placeholder="<%= translate(locale, "search") %>" value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } %>">
<button class="search-button" id="right-overlap-search-button"><i class="icon ion-md-search"></i></button>
</fieldset> </fieldset>
</form> </form>
</div> </div>