[Look&Feel] Update Popover Padding Size (opensearch-project#7200)

* Changed padding size of Popovers to small. --------- Signed-off-by: Dan Dong <danieldong51@gmail.com> Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com>
ashwin-pc · Jul 11, 2024 · b422791 · b422791
1 parent 96fb9d6
commit b422791
Show file tree

Hide file tree

Showing 8 changed files with 17 additions and 10 deletions.
diff --git a/changelogs/fragments/7200.yml b/changelogs/fragments/7200.yml
@@ -0,0 +1,2 @@
+refactor:
+- [Look&Feel] Update Popover Padding Size ([#7200](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7200))
diff --git a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
diff --git a/src/core/public/chrome/ui/header/__snapshots__/header_help_menu.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header_help_menu.test.tsx.snap
diff --git a/src/core/public/chrome/ui/header/header_help_menu.tsx b/src/core/public/chrome/ui/header/header_help_menu.tsx
@@ -351,6 +351,7 @@ class HeaderHelpMenuUI extends Component<Props, State> {
         isOpen={this.state.isOpen}
         ownFocus
         repositionOnScroll
+        panelPaddingSize="s"
       >
         <EuiPopoverTitle>
           <EuiFlexGroup responsive={false}>

diff --git a/src/plugins/advanced_settings/public/header_user_theme_menu.tsx b/src/plugins/advanced_settings/public/header_user_theme_menu.tsx
@@ -177,6 +177,7 @@ export const HeaderUserThemeMenu = () => {
       isOpen={isPopoverOpen}
       closePopover={closePopover}
       anchorPosition="downLeft"
+      panelPaddingSize="s"
     >
       <EuiPopoverTitle>
         <h2>

diff --git a/src/plugins/data/public/ui/query_string_input/language_switcher.tsx b/src/plugins/data/public/ui/query_string_input/language_switcher.tsx
@@ -91,6 +91,7 @@ export function QueryLanguageSwitcher(props: Props) {
       button={button}
       isOpen={isPopoverOpen}
       closePopover={() => setIsPopoverOpen(false)}
+      panelPaddingSize="s"
       repositionOnScroll
     >
       <EuiPopoverTitle>

diff --git a/src/plugins/discover/public/application/components/sidebar/discover_field.tsx b/src/plugins/discover/public/application/components/sidebar/discover_field.tsx
@@ -214,6 +214,7 @@ export const DiscoverField = ({
             isOpen={infoIsOpen}
             closePopover={() => setOpen(false)}
             anchorPosition="rightUp"
+            panelPaddingSize="s"
             button={
               <EuiButtonIcon
                 iconType="inspect"

diff --git a/src/plugins/vis_builder/public/application/components/data_tab/field.tsx b/src/plugins/vis_builder/public/application/components/data_tab/field.tsx
@@ -65,6 +65,7 @@ export const Field = ({ field, getDetails }: FieldProps) => {
       closePopover={() => setOpen(false)}
       anchorPosition="rightUp"
       panelClassName="vbItem__fieldPopoverPanel"
+      panelPaddingSize="s"
       // TODO: make reposition on scroll actually work: https://github.com/opensearch-project/OpenSearch-Dashboards/issues/2782
       repositionOnScroll
       data-test-subj="field-popover"