From e3e7ad399a52767015a76eef682d93e69115238f Mon Sep 17 00:00:00 2001
From: alistair3149 <alistair31494322@gmail.com>
Date: Tue, 30 Jun 2020 14:41:32 -0400
Subject: [PATCH] Remove search bar width transition on small viewport

---
 resources/skins.citizen.styles/Searchbox.less | 26 ++++++++++++-------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/resources/skins.citizen.styles/Searchbox.less b/resources/skins.citizen.styles/Searchbox.less
index 6abadec3..6ca927be 100644
--- a/resources/skins.citizen.styles/Searchbox.less
+++ b/resources/skins.citizen.styles/Searchbox.less
@@ -248,16 +248,22 @@
 }
 
 @media ( max-width: @search-bar-width ) {
-	#searchform:before {
-		content: '';
-		display: block;
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background: @base-100;
-		opacity: 0.9;
+	#search {
+		&form:before {
+			content: '';
+			display: block;
+			position: fixed;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			background: @base-100;
+			opacity: 0.9;
+		}
+
+		&Input {
+			transition: none; // Width transition does not play well on mobile
+		}
 	}
 }