Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-25 00:07:47 +01:00
Code Issues Projects Releases Wiki Activity

Group misc UI fixes (#2208)

Browse Source 
* fix: group actions positioning

* fix: project tags aligned to the right, fix gap

* fix: edit project user / group access button text "save"
This commit is contained in:
Nuno Góis 2022-10-21 09:36:10 +01:00 committed by GitHub
parent d696863a51
commit 86a5d09562
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/component/admin/groups/GroupsList/GroupCard/GroupCard.tsx
View File

@ -70,12 +70,12 @@ const StyledCounterDescription = styled('span')(({ theme }) => ({
marginLeft: theme.spacing(1), marginLeft: theme.spacing(1),
})); }));
const ProjectBadgeContainer = styled('div')(() => ({ const ProjectBadgeContainer = styled('div')(({ theme }) => ({
maxWidth: '50%', maxWidth: '50%',
})); display: 'flex',
justifyContent: 'flex-end',
const StyledBadge = styled(Badge)(() => ({ gap: theme.spacing(0.5),
marginRight: 0.5, flexWrap: 'wrap',
})); }));
interface IGroupCardProps { interface IGroupCardProps {
@ -122,7 +122,7 @@ export const GroupCard = ({ group }: IGroupCardProps) => {
placement="bottom-end" placement="bottom-end"
describeChild describeChild
> >
<StyledBadge <Badge
onClick={e => { onClick={e => {
e.preventDefault(); e.preventDefault();
navigate( navigate(
@ -133,7 +133,7 @@ export const GroupCard = ({ group }: IGroupCardProps) => {
icon={<TopicOutlinedIcon />} icon={<TopicOutlinedIcon />}
> >
{project} {project}
</StyledBadge> </Badge>
</Tooltip> </Tooltip>
))} ))}
elseShow={ elseShow={

1
frontend/src/component/admin/groups/GroupsList/GroupCard/GroupCardActions/GroupCardActions.tsx
View File

@ -16,6 +16,7 @@ import { Link } from 'react-router-dom';
const StyledActions = styled('div')(({ theme }) => ({ const StyledActions = styled('div')(({ theme }) => ({
display: 'flex', display: 'flex',
justifyContent: 'center', justifyContent: 'center',
transform: 'translate3d(8px, -6px, 0)',
})); }));
const StyledPopover = styled(Popover)(({ theme }) => ({ const StyledPopover = styled(Popover)(({ theme }) => ({

2
frontend/src/component/project/ProjectAccess/ProjectAccessAssign/ProjectAccessAssign.tsx
View File

@ -404,7 +404,7 @@ export const ProjectAccessAssign = ({
color="primary" color="primary"
disabled={!isValid} disabled={!isValid}
> >
Assign {entityType} {edit ? 'Save' : `Assign ${entityType}`}
</Button> </Button>
<StyledCancelButton onClick={() => navigate(GO_BACK)}> <StyledCancelButton onClick={() => navigate(GO_BACK)}>
Cancel Cancel