[Look&Feel] Apply small tabs pattern guidance to remaining OSD experi…

…ences (#7586) (#7642) (cherry picked from commit 045e55f) Signed-off-by: Zhongnan Su <[email protected]> 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>
opensearch-project · Aug 7, 2024 · 9f5d5bc · 9f5d5bc
1 parent db4cd83
commit 9f5d5bc
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 6 deletions.
diff --git a/...blic/components/data_source_home_panel/__snapshots__/data_source_home_panel.test.tsx.snap b/...blic/components/data_source_home_panel/__snapshots__/data_source_home_panel.test.tsx.snap
diff --git a/...ata_source_management/public/components/data_source_home_panel/data_source_home_panel.tsx b/...ata_source_management/public/components/data_source_home_panel/data_source_home_panel.tsx
@@ -99,7 +99,7 @@ export const DataSourceHomePanel: React.FC<DataSourceHomePanelProps> = ({
         </EuiFlexItem>
         <EuiFlexItem>
           <EuiSpacer size="s" />
-          <EuiTabs>{renderTabs()}</EuiTabs>
+          <EuiTabs size="s">{renderTabs()}</EuiTabs>
         </EuiFlexItem>
         <EuiFlexItem>
           <EuiSpacer size="s" />

diff --git a/...omponents/acceleration_management/__snapshots__/acceleration_details_flyout.test.tsx.snap b/...omponents/acceleration_management/__snapshots__/acceleration_details_flyout.test.tsx.snap
diff --git a/...ect_query_data_sources_components/acceleration_management/acceleration_details_flyout.tsx b/...ect_query_data_sources_components/acceleration_management/acceleration_details_flyout.tsx
@@ -351,7 +351,9 @@ export const AccelerationDetailsFlyout = (props: AccelerationDetailsFlyoutProps)
           )}
         </EuiFlexGroup>
         <EuiSpacer size="m" />
-        <EuiTabs style={{ marginBottom: '-25px' }}>{renderTabs()}</EuiTabs>
+        <EuiTabs style={{ marginBottom: '-25px' }} size="s">
+          {renderTabs()}
+        </EuiTabs>
       </EuiFlyoutHeader>
       <EuiFlyoutBody>{renderTabContent(selectedTab)}</EuiFlyoutBody>
       {showConfirmationOverlay && operationType && (

diff --git a/...direct_query_data_sources_components/connection_detail/direct_query_connection_detail.tsx b/...direct_query_data_sources_components/connection_detail/direct_query_connection_detail.tsx
@@ -459,7 +459,7 @@ export const DirectQueryDataConnectionDetail: React.FC<DirectQueryDataConnection
             >
               <QueryOrAccelerateData />
             </EuiAccordion>
-            <EuiTabbedContent tabs={tabs} />
+            <EuiTabbedContent tabs={tabs} size="s" />
           </>
         )}
 

diff --git a/...workspace/public/components/workspace_detail/__snapshots__/workspace_detail.test.tsx.snap b/...workspace/public/components/workspace_detail/__snapshots__/workspace_detail.test.tsx.snap
diff --git a/src/plugins/workspace/public/components/workspace_detail/workspace_detail.tsx b/src/plugins/workspace/public/components/workspace_detail/workspace_detail.tsx
@@ -96,6 +96,7 @@ export const WorkspaceDetail = (props: WorkspaceDetailProps) => {
             tabs={detailTabs}
             initialSelectedTab={detailTabs[0]}
             autoFocus="selected"
+            size="s"
           />
         </EuiPageBody>
       </EuiPage>