Merge pull request #664 from leonklingele/css-fix-jumpy-page-on-search-field-focus

Fix jumpy page on search field focus
This commit is contained in:
Omar Roth 2019-08-01 12:50:08 -05:00 committed by GitHub
commit 004246124b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 1 deletions

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;
} }