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;