[Workspace] fine-tune workspace list page compressed style to align w…

…ith compressed table (#8619) (#8626)
opensearch-project · Oct 17, 2024 · b268a04 · b268a04
1 parent 6fc2aa4
commit b268a04
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/changelogs/fragments/8619.yml b/changelogs/fragments/8619.yml
@@ -0,0 +1,2 @@
+refactor:
+- Fine-tune workspace list page compressed style to align with compressed table ([#8619](/~https://github.com/opensearch-project/OpenSearch-Dashboards/pull/8619))
diff --git a/src/plugins/workspace/public/components/workspace_list/__snapshots__/index.test.tsx.snap b/src/plugins/workspace/public/components/workspace_list/__snapshots__/index.test.tsx.snap
diff --git a/src/plugins/workspace/public/components/workspace_list/index.tsx b/src/plugins/workspace/public/components/workspace_list/index.tsx
@@ -323,7 +323,7 @@ export const WorkspaceListInner = ({
     return (
       isDashboardAdmin && (
         <>
-          <EuiButton color="danger" iconType="trash" onClick={onClick}>
+          <EuiButton color="danger" iconType="trash" onClick={onClick} size="s">
             Delete {selection.length} Workspace
           </EuiButton>
           {deletedWorkspaces && deletedWorkspaces.length > 0 && (
@@ -346,6 +346,7 @@ export const WorkspaceListInner = ({
       incremental: true,
     },
     query,
+    compressed: true,
     onChange: (args) => setQuery((args.query as unknown) as EuiSearchBarProps['query']),
     filters: [
       {
@@ -354,6 +355,7 @@ export const WorkspaceListInner = ({
         name: 'Use Case',
         multiSelect: false,
         options: useCaseFilterOptions,
+        compressed: true,
       },
     ],
     toolsLeft: renderToolsLeft(),
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		refactor:
		- Fine-tune workspace list page compressed style to align with compressed table ([#8619](/~https://github.com/opensearch-project/OpenSearch-Dashboards/pull/8619))