[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 9893ce1) Signed-off-by: Zhongnan Su <szhongna@amazon.com> Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com>
opensearch-project · Jul 18, 2024 · e5b6bce · e5b6bce
1 parent bb595dd
commit e5b6bce
Show file tree

Hide file tree

Showing 10 changed files with 14 additions and 6 deletions.
diff --git a/changelogs/fragments/7232.yml 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))
diff --git a/src/plugins/dev_tools/public/application.tsx b/src/plugins/dev_tools/public/application.tsx
@@ -131,7 +131,7 @@ function DevToolsWrapper({
 
   return (
     <main className="devApp">
-      <EuiTabs className="devAppTabs">
+      <EuiTabs size="s" className="devAppTabs">
         {devTools.map((currentDevTool) => (
           <EuiToolTip content={currentDevTool.tooltipContent} key={currentDevTool.id}>
             <EuiTab

diff --git a/.../discover/public/application/components/doc_viewer/__snapshots__/doc_viewer.test.tsx.snap b/.../discover/public/application/components/doc_viewer/__snapshots__/doc_viewer.test.tsx.snap
diff --git a/src/plugins/discover/public/application/components/doc_viewer/doc_viewer.tsx b/src/plugins/discover/public/application/components/doc_viewer/doc_viewer.tsx
@@ -69,7 +69,7 @@ export function DocViewer(renderProps: DocViewRenderProps) {
 
   return (
     <div className="osdDocViewer">
-      <EuiTabbedContent tabs={tabs} />
+      <EuiTabbedContent tabs={tabs} size="s" />
     </div>
   );
 }
diff --git 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 {
             </h1>
           </EuiTitle>
           <EuiSpacer size="m" />
-          <EuiTabs className="homeDirectoryTabs">{this.renderTabs()}</EuiTabs>
+          <EuiTabs size="s" className="homeDirectoryTabs">
+            {this.renderTabs()}
+          </EuiTabs>
           <EuiSpacer />
           <EuiFlexGrid columns={4}>{this.renderDirectories()}</EuiFlexGrid>
         </EuiPageBody>

diff --git 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()}
         <EuiSpacer size="m" />
         {this.renderDataSourceSelector()}
-        <EuiTabs>{this.renderTabs()}</EuiTabs>
+        <EuiTabs size="s">{this.renderTabs()}</EuiTabs>
         <EuiSpacer />
         {this.renderTabContent()}
       </EuiPageBody>

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
@@ -296,6 +296,7 @@ export function Tabs({ indexPattern, saveIndexPattern, fields, history, location
         setSelectedTabId(tab.id);
         syncingStateFunc.setCurrentTab(tab.id);
       }}
+      size="s"
     />
   );
 }
diff --git a/...components/field_editor/components/scripting_help/__snapshots__/help_flyout.test.tsx.snap b/...components/field_editor/components/scripting_help/__snapshots__/help_flyout.test.tsx.snap
diff --git a/...ttern_management/public/components/field_editor/components/scripting_help/help_flyout.tsx b/...ttern_management/public/components/field_editor/components/scripting_help/help_flyout.tsx
@@ -82,7 +82,7 @@ export const ScriptingHelpFlyout: React.FC<ScriptingHelpFlyoutProps> = ({
   return isVisible ? (
     <EuiFlyout onClose={onClose} data-test-subj="scriptedFieldsHelpFlyout">
       <EuiFlyoutBody>
-        <EuiTabbedContent tabs={tabs} initialSelectedTab={tabs[0]} />
+        <EuiTabbedContent tabs={tabs} initialSelectedTab={tabs[0]} size="s" />
       </EuiFlyoutBody>
     </EuiFlyout>
   ) : 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
@@ -111,7 +111,7 @@ export const VisPicker = injectI18n(function (props) {
     );
   });
 
-  return <EuiTabs>{tabs}</EuiTabs>;
+  return <EuiTabs size="s">{tabs}</EuiTabs>;
 });
 
 VisPicker.propTypes = {
Original file line number	Diff line number	Diff line change
		@@ -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))
-Original file line number
+Diff line change
@@ Expand Up / @@ -111,7 +111,7 @@ export const VisPicker = injectI18n(function (props) { @@
         );
       });
-      return <EuiTabs>{tabs}</EuiTabs>;
+      return <EuiTabs size="s">{tabs}</EuiTabs>;
     });
     VisPicker.propTypes = {
@@ Expand Down @@