Offset negative margin for max width inside container for super date …

…picker (#2236) * offset negative margin for max width inside container * update change log * use constant for px value * handled no update button and refresh only button scenerios * Update CHANGELOG.md Co-Authored-By: Caroline Horn <[email protected]>
elastic · Aug 29, 2019 · 20ff820 · 20ff820
1 parent ca2a469
commit 20ff820
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -61,6 +61,7 @@ No public interface changes since `13.7.0`.
 - Fixed `EuiSwitch` semantics to align with aria roles ([#2193](https://github.com/elastic/eui/pull/2193))
 - Removed Firefox's focus ring to match other browsers ([#2193](https://github.com/elastic/eui/pull/2193))
 - Added missing `onChange` TS defs for EuiRange ([#2211](https://github.com/elastic/eui/pull/2211))
+- Removed extra right side margin in 'EuiSuperDatePicker' ([#2236](https://github.com/elastic/eui/pull/2236))
 - Fixed `EuiBadge` text cursor to default pointer ([#2234](https://github.com/elastic/eui/pull/2234))
 - Fixed `EuiPageContent` className prop to allow the passed-in className to take cascade precedence over classes generated by the component ([#2237](https://github.com/elastic/eui/pull/2237))
 

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
@@ -1,14 +1,17 @@
 .euiSuperDatePicker__flexWrapper {
-  max-width: 100%;
+  // Need to offset 8px because of negative margins added by small size gutter
+  max-width: calc(100% + #{$euiSizeS});
   width: $euiSuperDatePickerWidth + $euiSuperDatePickerButtonWidth + $euiSizeS;
 }
 
 .euiSuperDatePicker__flexWrapper--isAutoRefreshOnly {
   width: $euiFormMaxWidth;
+  max-width: 100%
 }
 
 .euiSuperDatePicker__flexWrapper--noUpdateButton {
   width: $euiSuperDatePickerWidth;
+  max-width: 100%
 }
 
 .euiSuperDatePicker {