Fix jumpy page on search field focus
This commit is contained in:
parent
f99a7b2a8c
commit
fe2cffb25b
1 changed files with 3 additions and 1 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue