Git-Mirrors/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2025-04-20 23:46:26 -04:00
Code Issues 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 input[type="search"] {
width: 100%;
margin: 1px;
border: 1px solid;
border-color: rgba(0,0,0,0);
border-bottom-color: #CCC;
border-radius: 0;
box-shadow: none;
-webkit-appearance: none;
background-color: rgba(0,0,0, 0.06);
width: 100%;
margin: 2px;
margin-bottom: 1px;
border: none;
border-bottom: solid 2px #CCC;
border-radius: 0;
box-shadow: none;
-webkit-appearance: none;
}
.searchbar input[type="search"]:focus {
margin: 0;
border: 2px solid;
border-color: rgba(0,0,0,0);
border-bottom-color: #FED;
margin-bottom: 0;
border-bottom-width: 3px;
border-bottom-color: #FED;
}
/* https://stackoverflow.com/a/55170420 */
@ -456,7 +454,7 @@ body.dark-theme {
}
.dark-theme .searchbar input {
background-color: inherit;
background-color: rgba(0,0,0, 0.25);
color: inherit;
}
@ -495,7 +493,7 @@ body.dark-theme {
}
.no-theme .searchbar input {
background-color: inherit;
background-color: rgba(0,0,0, 0.25);
color: inherit;
}
}