From d4fed0588545a4828449a64b4f898c3a25161db2 Mon Sep 17 00:00:00 2001
From: Maximilian Franzke <Maximilian.Franzke@deutschebahn.com>
Date: Fri, 3 Nov 2023 21:56:10 +0100
Subject: [PATCH] refactor: reposition search inputs cancel button #627
---
source/_patterns/01-elements/input/input.scss | 5 +++++
1 file changed, 5 insertions(+)
diff --git a/source/_patterns/01-elements/input/input.scss b/source/_patterns/01-elements/input/input.scss
index 341f670010..6bba0e9303 100644
--- 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;