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

Make search box more visible

Browse Source 
Small change to make search bar slightly more visible to users
This commit is contained in:
Juan Astudillo 2023-03-20 22:08:12 -04:00 committed by GitHub
parent 8a44bd11d2
commit 6a69fa3bd2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
assets/css/default.css
View File

@ -218,23 +218,21 @@ div.watched-indicator {
.searchbar .pure-form fieldset { padding: 0; } .searchbar .pure-form fieldset { padding: 0; }
.searchbar input[type="search"] { .searchbar input[type="search"] {
width: 100%; background-color: rgba(0,0,0, 0.06);
margin: 1px; width: 100%;
margin: 2px;
border: 1px solid; margin-bottom: 1px;
border-color: rgba(0,0,0,0); border: none;
border-bottom-color: #CCC; border-bottom: solid 2px #CCC;
border-radius: 0; border-radius: 0;
box-shadow: none;
box-shadow: none; -webkit-appearance: none;
-webkit-appearance: none;
} }
.searchbar input[type="search"]:focus { .searchbar input[type="search"]:focus {
margin: 0; margin-bottom: 0;
border: 2px solid; border-bottom-width: 3px;
border-color: rgba(0,0,0,0); border-bottom-color: #FED;
border-bottom-color: #FED;
} }
/* https://stackoverflow.com/a/55170420 */ /* https://stackoverflow.com/a/55170420 */
@ -456,7 +454,7 @@ body.dark-theme {
} }
.dark-theme .searchbar input { .dark-theme .searchbar input {
background-color: inherit; background-color: rgba(0,0,0, 0.25);
color: inherit; color: inherit;
} }
@ -495,7 +493,7 @@ body.dark-theme {
} }
.no-theme .searchbar input { .no-theme .searchbar input {
background-color: inherit; background-color: rgba(0,0,0, 0.25);
color: inherit; color: inherit;
} }
} }