Make mobile search box have more height

w3bdesign · w3bdesign · commit 0ff6c645f1e6 · 2020-10-04T17:48:51.000+02:00
diff --git a/components/SVG/SVGMobileSearchIcon.component.jsx b/components/SVG/SVGMobileSearchIcon.component.jsx
@@ -15,12 +15,12 @@ const SVGMobileSearchIcon = () => {
     to: [
       {
         opacity: isExpanded ? 1 : 0,
-        marginTop: isExpanded ? '20px' : '-180px',
+        marginTop: isExpanded ? '100px' : '-180px',
       },
     ],
     from: {
       opacity: isExpanded ? 1 : 0,
-      marginTop: isExpanded ? '20px' : '-180px',
+      marginTop: isExpanded ? '100px' : '-180px',
     },
   });
 
diff --git a/styles/index.css b/styles/index.css
@@ -26,7 +26,8 @@
 /* Fix Algolia mobile-searchbox design issues */
 
 #mobilesearchdiv {     
-    position: absolute;  
+    position: absolute;
+    height: 200px;  
 }
 
 .ais-SearchBox-submit {

Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,8 @@`
`26`	`26`	`/* Fix Algolia mobile-searchbox design issues */`
`27`	`27`
`28`	`28`	`#mobilesearchdiv {`
`29`		`- position: absolute;`
	`29`	`+ position: absolute;`
	`30`	`+ height: 200px;`
`30`	`31`	`}`
`31`	`32`
`32`	`33`	`.ais-SearchBox-submit {`