Merge "Vertically center clear icon within search form element"

d0be74ac · Jdlrobson · Gerrit Code Review · 7020a766 · 2b9929a5 · d0be74ac
Commit d0be74ac authored 5 years ago by Jdlrobson Committed by Gerrit Code Review 5 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 6 additions and 3 deletions
+6 -3
--- a/skinStyles/mobile.startup/search/SearchOverlay.less
+++ b/skinStyles/mobile.startup/search/SearchOverlay.less
@@ -9,12 +9,15 @@
 		top: @siteHeaderHeight;
 	}

-	@icon-height-halved: unit( ( @icon-touch-area-sm / 2 ) / @font-size-browser, em );
-
 	.clear {
 		position: absolute;
-		top: ( @siteHeaderHeight / 2 ) - @icon-height-halved;
+		top: 50%;
 		right: 0;
+		transform: translateY( -50% );
+	}
+
+	.search-box {
+		position: relative;
 	}
 }