John conroy/fix search menu styles CAT-762 (#3697)

* Fix menu styles * Add changelog --------- Co-authored-by: John Conroy <john-conroy@users.noreply.github.com>
hubmapconsortium · Feb 20, 2025 · a818e53 · a818e53
1 parent 7597dfe
commit a818e53
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/CHANGELOG-fix-search-menu-styles.md b/CHANGELOG-fix-search-menu-styles.md
@@ -0,0 +1 @@
+- Update search page menu styles.
diff --git a/...p/static/js/components/workspaces/NewWorkspaceDialog/NewWorkspaceDialogFromSelections.tsx b/...p/static/js/components/workspaces/NewWorkspaceDialog/NewWorkspaceDialogFromSelections.tsx
@@ -30,7 +30,7 @@ function NewWorkspaceDialogFromSelections() {
   return (
     <>
       <MenuItem onClick={() => setDialogIsOpen(true)}>
-        <SvgIcon component={WorkspacesIcon} sx={{ mr: 1, fontSize: '1.25rem' }} />
+        <SvgIcon component={WorkspacesIcon} sx={{ mr: 1, fontSize: '1.25rem' }} color="primary" />
         Create New Workspace
       </MenuItem>
       <NewWorkspaceDialog

diff --git a/...ext/app/static/js/components/workspaces/WorkspacesDropdownMenu/WorkspacesDropdownMenu.tsx b/...ext/app/static/js/components/workspaces/WorkspacesDropdownMenu/WorkspacesDropdownMenu.tsx
@@ -47,7 +47,7 @@ function WorkspaceDropdownMenuItem({ dialogType, children, icon: Icon }: Workspa
   const onClick = useOpenDialog(dialogType);
   return (
     <MenuItem onClick={onClick}>
-      <Icon sx={{ mr: 1, fontSize: '1.25rem' }} />
+      <Icon sx={{ mr: 1, fontSize: '1.25rem' }} color="primary" />
       {children}
     </MenuItem>
   );
@@ -68,7 +68,7 @@ function WorkspaceDropdownMenu({ type }: MetadataMenuProps) {
   }
   return (
     <>
-      <StyledDropdownMenuButton menuID={menuID} variant="contained">
+      <StyledDropdownMenuButton menuID={menuID} variant="outlined">
         <SvgIcon component={WorkspacesIcon} sx={{ mr: 1, fontSize: '1.25rem' }} />
         Workspaces
       </StyledDropdownMenuButton>