refactor: reposition search inputs cancel button #627

db-ui · Nov 3, 2023 · d4fed05 · d4fed05
1 parent 963428a
commit d4fed05
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/source/_patterns/01-elements/input/input.scss b/source/_patterns/01-elements/input/input.scss
@@ -146,6 +146,11 @@
 		background-size: to-rem($pxValue: 19);
 		padding-left: to-rem($pxValue: 32);
 
+		// Reposition the Chromium browsers cancel button to "counteract" on floating labels padding-top on inputs
+		&::-webkit-search-cancel-button {
+			transform: translateY(-#{to-rem(8)});
+		}
+
 		:not(.cmp-sitesearch) > & {
 			@extend %form-element-semitransparent;