display: "flex",
flexDirection: "row",
width: 0,
- height: '2.7rem',
+ height: '2.5rem',
padding: 0,
- marginBottom: '-0.5rem',
transition: `width ${WIDTH_TRANSITION}ms`,
overflow: 'hidden',
},
transition: {
display: "flex",
flexDirection: "row",
- height: '2.7rem',
+ height: '2.5rem',
padding: 0,
- marginBottom: '-0.5rem',
overflow: 'hidden',
transition: `width ${WIDTH_TRANSITION}ms`,
},
<React.Fragment>
<Toolbar
className={isTransitioning ? classes.transition: classes.root}
- style={{ width: `${(actions.length * 2.5) + 3}rem`}}
+ style={{ width: `${(actions.length * 2.5) + 2}rem`}}
data-cy='multiselect-toolbar'
>
{actions.length ? (
import { loadDetailsPanel } from 'store/details-panel/details-panel-action';
import { ExpandChevronRight } from 'components/expand-chevron-right/expand-chevron-right';
import { MultiselectToolbar } from 'components/multiselect-toolbar/MultiselectToolbar';
+import { setSelectedResourceUuid } from 'store/selected-resource/selected-resource-actions';
+import { deselectAllOthers } from 'store/multiselect/multiselect-actions';
type CssRules =
| 'root'
| 'faveIcon'
| 'frozenIcon'
| 'accountStatusSection'
- | 'toolbarSection'
| 'tag'
| 'description';
marginBottom: '1rem',
flex: '0 0 auto',
padding: 0,
- border: '2px solid transparent',
+ minHeight: '3rem',
},
showMore: {
cursor: 'pointer',
- background: 'linear-gradient(to right, black, transparent)',
- backgroundClip: 'text',
- color: 'transparent',
},
noDescription: {
color: theme.palette.grey['600'],
userNameContainer: {
display: 'flex',
alignItems: 'center',
+ minHeight: '2.7rem',
},
cardHeaderContainer: {
width: '100%',
justifyContent: 'space-between',
},
cardHeader: {
- minWidth: '40rem',
- padding: '0.2rem 0.4rem 0.1rem 1rem',
+ minWidth: '30rem',
+ padding: '0.2rem 0.4rem 0.2rem 1rem',
},
descriptionToggle: {
display: 'flex',
display: 'flex',
flexDirection: 'row',
alignItems: 'center',
- justifyContent: 'space-between',
},
namePlate: {
display: 'flex',
flexDirection: 'row',
alignItems: 'center',
margin: 0,
- paddingBottom: '0.5rem',
},
faveIcon: {
fontSize: '0.8rem',
alignItems: 'center',
paddingLeft: '1rem',
},
- toolbarSection: {
- marginTop: '-1rem',
- paddingBottom: '-1rem',
- },
tag: {
marginRight: '1rem',
marginTop: '1rem',
const mapDispatchToProps = (dispatch: Dispatch) => ({
handleCardClick: (uuid: string) => {
dispatch<any>(loadDetailsPanel(uuid));
+ dispatch<any>(setSelectedResourceUuid(uuid));
+ dispatch<any>(deselectAllOthers(uuid));
},
handleContextMenu: (event: React.MouseEvent<HTMLElement>, resource: any, isAdmin: boolean) => {
event.stopPropagation();
})
);
-const UserCard: React.FC<UserCardProps> = ({ classes, currentResource, handleContextMenu, handleCardClick, isAdmin, isSelected }) => {
+const UserCard: React.FC<UserCardProps> = ({ classes, currentResource, handleCardClick, isSelected }) => {
const { fullName, uuid } = currentResource as UserResource & { fullName: string };
return (