From c4f247fea7fe576b55838122744e181745e3b292 Mon Sep 17 00:00:00 2001 From: Magnus Hoff Date: Thu, 26 Oct 2017 12:13:12 +0200 Subject: [PATCH] Explicitly set height for search input box. This fixes rendering in IE --- assets/style.css | 22 +++++++++++++--------- 1 file changed, 13 insertions(+), 9 deletions(-) diff --git a/assets/style.css b/assets/style.css index af7835d..e67973e 100644 --- a/assets/style.css +++ b/assets/style.css @@ -333,18 +333,22 @@ input[type="search"]::-webkit-search-decoration { input[type="search"] { -webkit-appearance: textfield; - font-size: 18px; - font: inherit; - font-size: 18px; - line-height: 32px; - border-radius: 18px; + box-sizing: border-box; + width: 100%; + max-width: 300px; + transition: max-width 200ms; + padding: 0 16px; margin: 0; border: 1px solid #ccc; - transition: max-width 200ms; - width: 100%; - max-width: 300px; - box-sizing: border-box; + + font: inherit; + font-size: 18px; + + line-height: 32px; + height: 34px; + + border-radius: 18px; text-overflow: ellipsis; }