fix(datepicker): add top offset to fix vertical icon alignment IE11 (#…

…4235)
carbon-design-system · Oct 9, 2019 · 0c05b81 · 0c05b81
1 parent 2430bf9
commit 0c05b81
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/components/src/components/date-picker/_date-picker.scss b/packages/components/src/components/date-picker/_date-picker.scss
@@ -40,6 +40,7 @@
   .#{$prefix}--date-picker-input__wrapper {
     display: flex;
     align-items: center;
+    position: relative;
 
     ~ .#{$prefix}--form-requirement {
       max-height: rem(200px);
@@ -130,6 +131,9 @@
     fill: $icon-01;
     cursor: pointer;
     z-index: 1;
+    // vertically center icon within parent container on IE11
+    top: 50%;
+    transform: translateY(-50%);
   }
 
   .#{$prefix}--date-picker__icon ~ .#{$prefix}--date-picker__input {