diff --git a/src/components/Navigation/ProjectSelector.tsx b/src/components/Navigation/ProjectSelector.tsx index ef1c6b213..6df43e1d2 100644 --- a/src/components/Navigation/ProjectSelector.tsx +++ b/src/components/Navigation/ProjectSelector.tsx @@ -7,7 +7,7 @@ import * as React from 'react'; import { makeStyles, Theme } from '@material-ui/core/styles'; import { KeyCodes } from 'common/constants'; import { useCommonStyles } from 'components/common/styles'; -import { listhoverColor, mutedPrimaryTextColor } from 'components/Theme'; +import { listhoverColor } from 'components/Theme'; import { SearchableProjectList } from './SearchableProjectList'; const expanderGridHeight = 12; @@ -31,7 +31,7 @@ const useStyles = makeStyles((theme: Theme) => ({ flex: '0 0 auto' }, header: { - flex: '1 0 auto', + flex: '1 0 0', textAlign: 'left' }, listContainer: { @@ -83,7 +83,7 @@ export const ProjectSelector: React.FC = ({ >
PROJECT
-
+
{selectedProject.name}
diff --git a/src/components/Navigation/SearchableProjectList.tsx b/src/components/Navigation/SearchableProjectList.tsx index 2bed52527..727237240 100644 --- a/src/components/Navigation/SearchableProjectList.tsx +++ b/src/components/Navigation/SearchableProjectList.tsx @@ -1,7 +1,9 @@ -import { ButtonBase, Typography } from '@material-ui/core'; +import * as classnames from 'classnames'; +import { Fade, Tooltip, Typography } from '@material-ui/core'; import { makeStyles, Theme } from '@material-ui/core/styles'; import { SearchableList, SearchResult } from 'components/common/SearchableList'; import { useCommonStyles } from 'components/common/styles'; +import { defaultProjectDescription } from 'components/SelectProject/constants'; import { Project } from 'models'; import * as React from 'react'; @@ -11,7 +13,7 @@ const useStyles = makeStyles((theme: Theme) => ({ width: '100%' }, itemName: { - flex: '1 0 auto', + flex: '1 0 0', fontWeight: 'bold' }, noResults: { @@ -66,14 +68,33 @@ const SearchResults: React.FC = ({ ) : (
    - {results.map(({ key, content, value }) => ( -
    ( + +
    + {value.id} +
    +
    + + {value.description || + defaultProjectDescription} + +
    + + } > -
    {content}
    -
    +
    +
    {content}
    +
    + ))}
);