diff options
| author | Samantaz Fox <coding@samantaz.fr> | 2022-01-05 17:20:57 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-01-05 17:20:57 +0100 |
| commit | 3bb7fbb2f119790ee6675076b31cd990f75f64bb (patch) | |
| tree | 29b767e010af47ab179ffd56b146c2fc436dcbdf /assets | |
| parent | 326a362eb892b1e6a60413b701a61e364f53c485 (diff) | |
| parent | db04f1556edd652b2823cb7b643cba8c6ef3f6df (diff) | |
| download | invidious-3bb7fbb2f119790ee6675076b31cd990f75f64bb.tar.gz invidious-3bb7fbb2f119790ee6675076b31cd990f75f64bb.tar.bz2 invidious-3bb7fbb2f119790ee6675076b31cd990f75f64bb.zip | |
Merge pull request #2719 from SamantazFox/batch-minor-fixes
Multiple minor fixes
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/default.css | 37 |
1 files changed, 16 insertions, 21 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index 95c1f55c..8b2b3578 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; @@ -546,7 +540,8 @@ p, } #descriptionWrapper { - max-width: 600px; + max-width: 600px; + white-space: pre-wrap; } /* Center the "invidious" logo on the search page */ |