ProjectSegfault/invidious-experimenting
4
0
Fork 0
forked from midou/invidious
Code Pull Requests Activity

Fix the search box

Browse Source 
Fix #277 : autoselect search field
Fix #1107: no spell checking/auto-correct on search field
This commit is contained in:
Samantaz Fox
2021-12-07 04:30:05 +01:00
parent 4f219362fe
commit 68cbc11810
4 changed files with 25 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
assets/css/default.css
View File

@@ -192,20 +192,24 @@ img.thumbnail {
display: inline;
}
.searchbar .pure-form input[type="search"] {
margin-bottom: 1px;
.searchbar .pure-form fieldset { padding: 0; }
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #ccc;
border-radius: 0;
.searchbar input[type="search"] {
width: 100%;
margin: 1px;
padding: initial 0;
border: 1px solid;
border-color: #0000 #0000 #CCC #0000;
border-radius: 0;
box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
}
-webkit-appearance: none;
.searchbar input[type="search"]:focus {
margin: 0 0 0.5px 0;
border: 2px solid;
border-color: #0000 #0000 #FED #0000;
}
/* https://stackoverflow.com/a/55170420 */
@@ -217,16 +221,6 @@ input[type="search"]::-webkit-search-cancel-button {
background-size: 14px;
}
.searchbar .pure-form fieldset {
padding: 0;
}
/* attract focus to the searchbar by adding a subtle transition */
.searchbar .pure-form input[type="search"]:focus {
margin-bottom: 0px;
border-bottom: 2px solid #aaa;
}
.user-field {
display: flex;
flex-direction: row;