[EuiSuperDatePicker] Fix border-radius & remove unnecessary CSS/overr…

…ides
elastic · Apr 12, 2023 · ea6619f · ea6619f
1 parent b5c077d
commit ea6619f
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 39 deletions.
diff --git a/src/components/date_picker/super_date_picker/_super_date_picker.scss b/src/components/date_picker/super_date_picker/_super_date_picker.scss
@@ -43,21 +43,10 @@
     overflow: hidden;
     background-color: $euiFormBackgroundColor;
 
-    > .euiDatePickerRange {
-      max-width: none;
-      width: auto;
+    &:last-child {
       border-radius: 0 $euiFormControlBorderRadius $euiFormControlBorderRadius 0;
     }
 
-    &:not(:last-child) > .euiDatePickerRange {
-      &,
-      .euiDatePopoverButton--end,
-      .euiSuperDatePicker__prettyFormat {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-      }
-    }
-
     & > .euiFormControlLayoutDelimited__input {
       flex-grow: 1;
     }

diff --git a/src/components/date_picker/super_date_picker/date_popover/_date_popover_button.scss b/src/components/date_picker/super_date_picker/date_popover/_date_popover_button.scss
@@ -44,9 +44,9 @@
 }
 
 .euiDatePopoverButton--start {
-  text-align: right;
+  text-align: center;
 }
 
 .euiDatePopoverButton--end {
-  text-align: left;
+  text-align: center;
 }
diff --git a/src/themes/amsterdam/overrides/_date_picker.scss b/src/themes/amsterdam/overrides/_date_picker.scss
@@ -11,13 +11,3 @@
 .euiDatePicker.euiDatePicker--shadow.euiDatePicker--inline .react-datepicker {
   border: none;
 }
-
-.euiSuperDatePicker__prettyFormat {
-  border-top-right-radius: $euiFormControlBorderRadius;
-  border-bottom-right-radius: $euiFormControlBorderRadius;
-}
-
-.euiFormControlLayout--compressed.euiSuperDatePicker .euiSuperDatePicker__prettyFormat {
-  border-top-right-radius: $euiFormControlCompressedBorderRadius;
-  border-bottom-right-radius: $euiFormControlCompressedBorderRadius;
-}
diff --git a/src/themes/amsterdam/overrides/_date_popover_button.scss b/src/themes/amsterdam/overrides/_date_popover_button.scss
diff --git a/src/themes/amsterdam/overrides/_index.scss b/src/themes/amsterdam/overrides/_index.scss
@@ -1,7 +1,6 @@
 @import 'combo_box';
 @import 'data_grid';
 @import 'date_picker';
-@import 'date_popover_button';
 @import 'description_list';
 @import 'filter_group';
 @import 'form_control_layout';