From b1401294eb67870660328508632874d8fed4a826 Mon Sep 17 00:00:00 2001 From: Patricia Mihut Date: Wed, 30 Mar 2022 21:04:55 +0300 Subject: [PATCH] fix(DateInput,TimeInput): adjust native browser controls icon position --- src/components/inputs/DateInput/DateInput.scss | 6 ++++-- src/components/inputs/TimeInput/TimeInput.scss | 4 +++- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/src/components/inputs/DateInput/DateInput.scss b/src/components/inputs/DateInput/DateInput.scss index 83e9258ab..c6ec426d4 100644 --- a/src/components/inputs/DateInput/DateInput.scss +++ b/src/components/inputs/DateInput/DateInput.scss @@ -3,11 +3,13 @@ $C: #{$WEBEX_COMPONENTS_CLASS_PREFIX}-date-input; .#{$C} { input[type="date"] { position: relative; - padding-left: 2.5rem; + padding-left: 2rem; &::-webkit-calendar-picker-indicator { position: absolute; - left: -1rem; + margin: 0 0 0.25rem 0; + padding: 0; + left: 0.75rem; filter: var(--wxc-date-input--calendar-picker-indicator--filter); } } diff --git a/src/components/inputs/TimeInput/TimeInput.scss b/src/components/inputs/TimeInput/TimeInput.scss index 7d80b5b30..776f86d88 100644 --- a/src/components/inputs/TimeInput/TimeInput.scss +++ b/src/components/inputs/TimeInput/TimeInput.scss @@ -7,7 +7,9 @@ $C: #{$WEBEX_COMPONENTS_CLASS_PREFIX}-time-input; &::-webkit-calendar-picker-indicator { position: absolute; - left: -0.1rem; + margin: 0 0 0.25rem 0; + padding: 0; + left: 0.75rem; filter: var(--wxc-date-input--calendar-picker-indicator--filter); } }