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

20
assets/css/default.css
View File

@ -218,22 +218,20 @@ div.watched-indicator {
.searchbar .pure-form fieldset { padding: 0; } .searchbar .pure-form fieldset { padding: 0; }
.searchbar input[type="search"] { .searchbar input[type="search"] {
background-color: rgba(0,0,0, 0.06);
width: 100%; width: 100%;
margin: 1px; margin: 2px;
margin-bottom: 1px;
border: 1px solid; border: none;
border-color: rgba(0,0,0,0); border-bottom: solid 2px #CCC;
border-bottom-color: #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;
} }
@ -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;
} }
} }