[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