[Backport 1.x] fix: Make QuickSelectPopover padding small in SuperDat…

…ePicker (#1316) * fix: Make QuickSelectPopover padding small in SuperDatePicker (#1315) * fix: Make QuickSelectPopover padding small in SuperDatePicker --------- Signed-off-by: Viraj Sanghvi <[email protected]> Signed-off-by: Viraj Sanghvi <[email protected]> (cherry picked from commit aae8df6) Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * Update CHANGELOG.md Signed-off-by: Miki <[email protected]> --------- Signed-off-by: Viraj Sanghvi <[email protected]> Signed-off-by: Viraj Sanghvi <[email protected]> Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Signed-off-by: Miki <[email protected]> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Miki <[email protected]>
opensearch-project · Jul 19, 2024 · f8ded40 · f8ded40
1 parent e1b2951
commit f8ded40
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -14,6 +14,7 @@
 
 - Fix next reset for code blocks and super update button icon ([#1306])(https://github.com/opensearch-project/oui/pull/1306)
 - Fix the appearance of form controls in grouped layouts ([#1311])(https://github.com/opensearch-project/oui/pull/1311)
+- Fix QuickSelectPopover padding in SuperDatePicker ([#1315](https://github.com/opensearch-project/oui/pull/1315))
 
 ### 🚞 Infrastructure
 

diff --git a/...r/super_date_picker/quick_select_popover/__snapshots__/quick_select_popover.test.tsx.snap b/...r/super_date_picker/quick_select_popover/__snapshots__/quick_select_popover.test.tsx.snap
@@ -30,7 +30,7 @@ exports[`OuiQuickSelectPopover is rendered 1`] = `
  hasArrow={true}
  isOpen={false}
  ownFocus={true}
- panelPaddingSize="m"
+ panelPaddingSize="s"
 >
  <div
  className="ouiQuickSelectPopover__content"
@@ -114,7 +114,7 @@ exports[`OuiQuickSelectPopover isAutoRefreshOnly 1`] = `
  hasArrow={true}
  isOpen={false}
  ownFocus={true}
- panelPaddingSize="m"
+ panelPaddingSize="s"
 >
  <div
  className="ouiQuickSelectPopover__content"

diff --git a/src/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.tsx b/src/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.tsx
@@ -196,6 +196,7 @@ export class OuiQuickSelectPopover extends Component<
  button={quickSelectButton}
  isOpen={isOpen}
  closePopover={this.closePopover}
+ panelPaddingSize="s"
  anchorPosition="downLeft"
  anchorClassName="ouiQuickSelectPopover__anchor">
  <div