Fix jumpy page on search field focus

This commit is contained in:
Leon Klingele 2019-08-01 09:35:57 +02:00
parent f99a7b2a8c
commit fe2cffb25b
No known key found for this signature in database
GPG Key ID: 0C8AF48831EEC211

View File

@ -159,6 +159,8 @@ img.thumbnail {
} }
.navbar > .searchbar .pure-form input[type="search"] { .navbar > .searchbar .pure-form input[type="search"] {
margin-bottom: 1px;
border-top: 0; border-top: 0;
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
@ -169,7 +171,6 @@ img.thumbnail {
box-shadow: none; box-shadow: none;
transition: 0.1s border-bottom;
-webkit-appearance: none; -webkit-appearance: none;
} }
@ -188,6 +189,7 @@ input[type="search"]::-webkit-search-cancel-button {
/* attract focus to the searchbar by adding a subtle transition */ /* attract focus to the searchbar by adding a subtle transition */
.navbar > .searchbar .pure-form input[type="search"]:focus { .navbar > .searchbar .pure-form input[type="search"]:focus {
margin-bottom: 0px;
border-bottom: 2px solid #aaa; border-bottom: 2px solid #aaa;
} }