From e5b6bcef82dd73396262f74cc20cb10b11b510e4 Mon Sep 17 00:00:00 2001 From: "opensearch-trigger-bot[bot]" <98922864+opensearch-trigger-bot[bot]@users.noreply.github.com> Date: Wed, 17 Jul 2024 17:44:01 -0700 Subject: [PATCH] [Look&Feel] Use small EuiTabs and EuiTabbedContent across the board (#7232) (#7255) * [Look&Feel] Use small EuiTabs and EuiTabbedContent across the board * Changeset file for PR #7232 created/updated --------- (cherry picked from commit 9893ce110758422df863cd463306cd19560f08fd) Signed-off-by: Zhongnan Su Signed-off-by: github-actions[bot] Co-authored-by: github-actions[bot] Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com> --- changelogs/fragments/7232.yml | 2 ++ src/plugins/dev_tools/public/application.tsx | 2 +- .../doc_viewer/__snapshots__/doc_viewer.test.tsx.snap | 1 + .../public/application/components/doc_viewer/doc_viewer.tsx | 2 +- .../home/public/application/components/feature_directory.js | 4 +++- .../home/public/application/components/tutorial_directory.js | 2 +- .../public/components/edit_index_pattern/tabs/tabs.tsx | 1 + .../scripting_help/__snapshots__/help_flyout.test.tsx.snap | 2 ++ .../field_editor/components/scripting_help/help_flyout.tsx | 2 +- .../public/application/components/vis_picker.js | 2 +- 10 files changed, 14 insertions(+), 6 deletions(-) create mode 100644 changelogs/fragments/7232.yml diff --git a/changelogs/fragments/7232.yml b/changelogs/fragments/7232.yml new file mode 100644 index 000000000000..269905919d25 --- /dev/null +++ b/changelogs/fragments/7232.yml @@ -0,0 +1,2 @@ +refactor: +- [Look&Feel] Use small EuiTabs and EuiTabbedContent across the board ([#7232](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7232)) \ No newline at end of file diff --git a/src/plugins/dev_tools/public/application.tsx b/src/plugins/dev_tools/public/application.tsx index 569c4b82a7dd..b1ccd290e59a 100644 --- a/src/plugins/dev_tools/public/application.tsx +++ b/src/plugins/dev_tools/public/application.tsx @@ -131,7 +131,7 @@ function DevToolsWrapper({ return (
- + {devTools.map((currentDevTool) => ( with 3 different tabs 1`] = ` > - + ); } diff --git a/src/plugins/home/public/application/components/feature_directory.js b/src/plugins/home/public/application/components/feature_directory.js index a82a15cdff96..9214fcb6c8a8 100644 --- a/src/plugins/home/public/application/components/feature_directory.js +++ b/src/plugins/home/public/application/components/feature_directory.js @@ -149,7 +149,9 @@ export class FeatureDirectory extends React.Component { - {this.renderTabs()} + + {this.renderTabs()} + {this.renderDirectories()} diff --git a/src/plugins/home/public/application/components/tutorial_directory.js b/src/plugins/home/public/application/components/tutorial_directory.js index fac078abaab0..4d4cf4566d1f 100644 --- a/src/plugins/home/public/application/components/tutorial_directory.js +++ b/src/plugins/home/public/application/components/tutorial_directory.js @@ -301,7 +301,7 @@ class TutorialDirectoryUi extends React.Component { {this.renderHeader()} {this.renderDataSourceSelector()} - {this.renderTabs()} + {this.renderTabs()} {this.renderTabContent()} diff --git a/src/plugins/index_pattern_management/public/components/edit_index_pattern/tabs/tabs.tsx b/src/plugins/index_pattern_management/public/components/edit_index_pattern/tabs/tabs.tsx index 8c1586b3a916..bca734a1cead 100644 --- a/src/plugins/index_pattern_management/public/components/edit_index_pattern/tabs/tabs.tsx +++ b/src/plugins/index_pattern_management/public/components/edit_index_pattern/tabs/tabs.tsx @@ -296,6 +296,7 @@ export function Tabs({ indexPattern, saveIndexPattern, fields, history, location setSelectedTabId(tab.id); syncingStateFunc.setCurrentTab(tab.id); }} + size="s" /> ); } diff --git a/src/plugins/index_pattern_management/public/components/field_editor/components/scripting_help/__snapshots__/help_flyout.test.tsx.snap b/src/plugins/index_pattern_management/public/components/field_editor/components/scripting_help/__snapshots__/help_flyout.test.tsx.snap index 0531fcf988fb..49bdc51e178c 100644 --- a/src/plugins/index_pattern_management/public/components/field_editor/components/scripting_help/__snapshots__/help_flyout.test.tsx.snap +++ b/src/plugins/index_pattern_management/public/components/field_editor/components/scripting_help/__snapshots__/help_flyout.test.tsx.snap @@ -16,6 +16,7 @@ exports[`ScriptingHelpFlyout should render normally 1`] = ` "name": "Syntax", } } + size="s" tabs={ Array [ Object { @@ -57,6 +58,7 @@ exports[`ScriptingHelpFlyout should render nothing if not visible 1`] = ` "name": "Syntax", } } + size="s" tabs={ Array [ Object { diff --git a/src/plugins/index_pattern_management/public/components/field_editor/components/scripting_help/help_flyout.tsx b/src/plugins/index_pattern_management/public/components/field_editor/components/scripting_help/help_flyout.tsx index d2331f7f8d6f..6e6dc9accd26 100644 --- a/src/plugins/index_pattern_management/public/components/field_editor/components/scripting_help/help_flyout.tsx +++ b/src/plugins/index_pattern_management/public/components/field_editor/components/scripting_help/help_flyout.tsx @@ -82,7 +82,7 @@ export const ScriptingHelpFlyout: React.FC = ({ return isVisible ? ( - + ) : null; diff --git a/src/plugins/vis_type_timeseries/public/application/components/vis_picker.js b/src/plugins/vis_type_timeseries/public/application/components/vis_picker.js index e2953d4022b7..409f4ba76b1f 100644 --- a/src/plugins/vis_type_timeseries/public/application/components/vis_picker.js +++ b/src/plugins/vis_type_timeseries/public/application/components/vis_picker.js @@ -111,7 +111,7 @@ export const VisPicker = injectI18n(function (props) { ); }); - return {tabs}; + return {tabs}; }); VisPicker.propTypes = {