diff options
| author | Samantaz Fox <coding@samantaz.fr> | 2021-12-07 04:30:05 +0100 |
|---|---|---|
| committer | Samantaz Fox <coding@samantaz.fr> | 2022-01-05 03:32:44 +0100 |
| commit | 68cbc11810fd746a776f6b8fefd61cec89ac9b55 (patch) | |
| tree | e6c6e6aeb6b707ff7990425989f28ae6fd548bee /assets | |
| parent | 4f219362fe96573f8ce3dc2e0ee86070046071dd (diff) | |
| download | invidious-68cbc11810fd746a776f6b8fefd61cec89ac9b55.tar.gz invidious-68cbc11810fd746a776f6b8fefd61cec89ac9b55.tar.bz2 invidious-68cbc11810fd746a776f6b8fefd61cec89ac9b55.zip | |
Fix the search box
Fix #277 : autoselect search field
Fix #1107: no spell checking/auto-correct on search field
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/default.css | 34 |
1 files changed, 14 insertions, 20 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index 95c1f55c..2cda980c 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -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; |