Don’t shrink date picker icon fixes elastic#1207

cchaos · Nov 16, 2018 · d1bf665 · d1bf665
1 parent 55dc7f7
commit d1bf665
Showing 1 changed file with 14 additions and 9 deletions.
diff --git a/src/components/date_picker/_date_picker_range.scss b/src/components/date_picker/_date_picker_range.scss
@@ -5,7 +5,7 @@
  * 1. Account for inner box-shadow style border
  */
 
- .euiDatePickerRange {
+.euiDatePickerRange {
   @include euiFormControlSize(auto, $includeAlternates: true);
   // Match just the regular drop shadow of inputs
   @include euiFormControlDefaultShadow();
@@ -36,14 +36,19 @@
       height: $euiFormControlHeight - 2px;
     }
   }
-}
 
-.euiDatePickerRange__icon {
-  padding-left: $euiFormControlPadding;
-  padding-right: $euiFormControlPadding;
-}
+  // Direct descendent selectors to override `> span`
+
+  > .euiDatePickerRange__icon {
+    flex: 0 0 auto;
+    padding-left: $euiFormControlPadding;
+    padding-right: $euiFormControlPadding;
+  }
 
-.euiDatePickerRange__delimeter {
-  padding-left: $euiFormControlPadding/2;
-  padding-right: $euiFormControlPadding/2;
+  > .euiDatePickerRange__delimeter {
+    padding-left: $euiFormControlPadding/2;
+    padding-right: $euiFormControlPadding/2;
+  }
 }
+
+