[Look&Feel] apply pattern guidance to Dashboards (opensearch-project#…

…7277) Signed-off-by: Zhongnan Su <szhongna@amazon.com>
ananzh · Jul 17, 2024 · 6d6ffaa · 6d6ffaa
1 parent 41900a0
commit 6d6ffaa
Show file tree

Hide file tree

Showing 6 changed files with 67 additions and 24 deletions.
diff --git a/...ins/embeddable/public/lib/panel/panel_header/panel_actions/add_panel/add_panel_flyout.tsx b/...ins/embeddable/public/lib/panel/panel_header/panel_actions/add_panel/add_panel_flyout.tsx
@@ -33,7 +33,7 @@ import { FormattedMessage } from '@osd/i18n/react';
 import React, { ReactElement } from 'react';
 import { CoreSetup } from 'src/core/public';
 
-import { EuiContextMenuItem, EuiFlyoutBody, EuiFlyoutHeader, EuiTitle } from '@elastic/eui';
+import { EuiContextMenuItem, EuiFlyoutBody, EuiFlyoutHeader, EuiText } from '@elastic/eui';
 
 import { EmbeddableStart } from 'src/plugins/embeddable/public';
 import { IContainer } from '../../../../containers';
@@ -163,11 +163,11 @@ export class AddPanelFlyout extends React.Component<Props, State> {
     return (
       <>
         <EuiFlyoutHeader hasBorder>
-          <EuiTitle size="m">
+          <EuiText size="s">
             <h2>
               <FormattedMessage id="embeddableApi.addPanel.Title" defaultMessage="Add panels" />
             </h2>
-          </EuiTitle>
+          </EuiText>
         </EuiFlyoutHeader>
         <EuiFlyoutBody>{savedObjectsFinder}</EuiFlyoutBody>
       </>

diff --git a/src/plugins/embeddable/public/lib/panel/panel_header/panel_options_menu.tsx b/src/plugins/embeddable/public/lib/panel/panel_header/panel_options_menu.tsx
@@ -128,6 +128,7 @@ export class PanelOptionsMenu extends React.Component<PanelOptionsMenuProps, Sta
         <EuiContextMenu
           initialPanelId="mainMenu"
           panels={this.state.actionContextMenuPanel || []}
+          size="s"
         />
       </EuiPopover>
     );

diff --git a/...nents/step_index_pattern/components/indices_list/__snapshots__/indices_list.test.tsx.snap b/...nents/step_index_pattern/components/indices_list/__snapshots__/indices_list.test.tsx.snap
diff --git a/src/plugins/share/public/components/__snapshots__/share_context_menu.test.tsx.snap b/src/plugins/share/public/components/__snapshots__/share_context_menu.test.tsx.snap
diff --git a/src/plugins/visualizations/public/wizard/__snapshots__/new_vis_modal.test.tsx.snap b/src/plugins/visualizations/public/wizard/__snapshots__/new_vis_modal.test.tsx.snap
diff --git a/src/plugins/visualizations/public/wizard/type_selection/type_selection.tsx b/src/plugins/visualizations/public/wizard/type_selection/type_selection.tsx
@@ -43,6 +43,7 @@ import {
   EuiModalHeaderTitle,
   EuiScreenReaderOnly,
   EuiSpacer,
+  EuiText,
   EuiTitle,
 } from '@elastic/eui';
 
@@ -96,10 +97,14 @@ class TypeSelection extends React.Component<TypeSelectionProps, TypeSelectionSta
       <React.Fragment>
         <EuiModalHeader>
           <EuiModalHeaderTitle>
-            <FormattedMessage
-              id="visualizations.newVisWizard.title"
-              defaultMessage="New Visualization"
-            />
+            <EuiText size="s">
+              <h2>
+                <FormattedMessage
+                  id="visualizations.newVisWizard.title"
+                  defaultMessage="New Visualization"
+                />
+              </h2>
+            </EuiText>
           </EuiModalHeaderTitle>
         </EuiModalHeader>
         <div className="visNewVisDialog__body">