From fe2cffb25b43adc7d846c3d9a32154a661b945e0 Mon Sep 17 00:00:00 2001 From: Leon Klingele Date: Thu, 1 Aug 2019 09:35:57 +0200 Subject: [PATCH] Fix jumpy page on search field focus --- assets/css/default.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/assets/css/default.css b/assets/css/default.css index 3d27f26b..c527cbca 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -159,6 +159,8 @@ img.thumbnail { } .navbar > .searchbar .pure-form input[type="search"] { + margin-bottom: 1px; + border-top: 0; border-left: 0; border-right: 0; @@ -169,7 +171,6 @@ img.thumbnail { box-shadow: none; - transition: 0.1s border-bottom; -webkit-appearance: none; } @@ -188,6 +189,7 @@ input[type="search"]::-webkit-search-cancel-button { /* attract focus to the searchbar by adding a subtle transition */ .navbar > .searchbar .pure-form input[type="search"]:focus { + margin-bottom: 0px; border-bottom: 2px solid #aaa; }