fix(date-picker): firefox placeholder, small icon styles (#657)

telekom · Oct 28, 2021 · a95fdd9 · a95fdd9
1 parent 29a3a8b
commit a95fdd9
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/components/src/components/date-picker/date-picker.css b/packages/components/src/components/date-picker/date-picker.css
@@ -110,6 +110,7 @@ duet-date-picker .duet-date__toggle:active scale-icon-content-calendar {
 
 duet-date-picker .duet-date__input::placeholder {
   visibility: hidden;
+  color: transparent;
   transition: all var(--scl-motion-duration-fast)
     var(--scl-motion-easing-standard);
 }
@@ -146,6 +147,7 @@ duet-date-picker .duet-date__input:focus::placeholder {
 .scale-date-picker--status-error .date-picker__helper-text {
   color: var(--scl-color-text-error);
 }
+
 .scale-date-picker--status-error .duet-date__toggle {
   height: 44px;
   margin-top: var(--scl-spacing-1);
@@ -185,6 +187,11 @@ duet-date-picker .duet-date__input:focus::placeholder {
   font-weight: var(--scl-font-weight-medium);
 }
 
+.scale-date-picker--size-small.scale-date-picker--status-error
+  .duet-date__toggle {
+  height: 36px;
+}
+
 /* Disabled */
 
 .scale-date-picker.scale-date-picker--disabled,