fix: Make QuickSelectPopover padding small in SuperDatePicker (opense…

…arch-project#1315) * fix: Make QuickSelectPopover padding small in SuperDatePicker --------- Signed-off-by: Viraj Sanghvi <virajs@amazon.com> Signed-off-by: Viraj Sanghvi <vsanghvi@gmail.com>
AMoo-Miki · Jul 19, 2024 · aae8df6 · aae8df6
1 parent a82dfe0
commit aae8df6
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -16,6 +16,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