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

Revert "fix: handle long owner names for projects (#7215)"

Browse Source 
This reverts commit 5c1cd49aaa.
This commit is contained in:
Thomas Heartman 2024-05-30 10:30:23 +02:00
parent 5c1cd49aaa
commit 669e21eef0
No known key found for this signature in database
GPG Key ID: BD1F880DAED1EE78
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/component/project/NewProjectCard/ProjectCardFooter/ProjectCardFooter.tsx
View File

@ -11,17 +11,17 @@ interface IProjectCardFooterProps {
} }
const StyledFooter = styled(Box)(({ theme }) => ({ const StyledFooter = styled(Box)(({ theme }) => ({
display: 'grid', display: 'flex',
gridTemplateColumns: 'auto 1fr auto', justifyContent: 'space-between',
alignItems: 'center', alignItems: 'center',
padding: theme.spacing(1.5, 3, 2.5, 3), padding: theme.spacing(1.5, 3),
background: theme.palette.envAccordion.expanded, background: theme.palette.envAccordion.expanded,
boxShadow: theme.boxShadows.accordionFooter, boxShadow: theme.boxShadows.accordionFooter,
})); }));
const StyledFavoriteIconButton = styled(FavoriteIconButton)(({ theme }) => ({ const StyledFavoriteIconButton = styled(FavoriteIconButton)(({ theme }) => ({
marginRight: theme.spacing(-1), marginRight: theme.spacing(-1),
marginBottom: theme.spacing(-1), marginLeft: 'auto',
})); }));
export const ProjectCardFooter: FC<IProjectCardFooterProps> = ({ export const ProjectCardFooter: FC<IProjectCardFooterProps> = ({

14
frontend/src/component/project/NewProjectCard/ProjectOwners/ProjectOwners.tsx
View File

@ -41,13 +41,15 @@ const useOwnersMap = () => {
}; };
}; };
const StyledContainer = styled('div')(({ theme }) => ({
marginBottom: theme.spacing(1),
display: 'flex',
alignItems: 'flex-end',
}));
const StyledUserName = styled('p')(({ theme }) => ({ const StyledUserName = styled('p')(({ theme }) => ({
fontSize: theme.typography.body1.fontSize, fontSize: theme.typography.body1.fontSize,
margin: theme.spacing(0, 0, 0.5, 0), margin: theme.spacing(0, 0, 0.5, 0),
overflowX: 'hidden',
textOverflow: 'ellipsis',
textWrap: 'nowrap',
alignSelf: 'end',
})); }));
export const ProjectOwners: FC<IProjectOwnersProps> = ({ owners = [] }) => { export const ProjectOwners: FC<IProjectOwnersProps> = ({ owners = [] }) => {
@ -55,7 +57,7 @@ export const ProjectOwners: FC<IProjectOwnersProps> = ({ owners = [] }) => {
const users = owners.map(ownersMap); const users = owners.map(ownersMap);
return ( return (
<> <StyledContainer>
<GroupCardAvatars <GroupCardAvatars
header={owners.length === 1 ? 'Owner' : 'Owners'} header={owners.length === 1 ? 'Owner' : 'Owners'}
users={users} users={users}
@ -68,6 +70,6 @@ export const ProjectOwners: FC<IProjectOwnersProps> = ({ owners = [] }) => {
</StyledUserName> </StyledUserName>
} }
/> />
</> </StyledContainer>
); );
}; };