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

Chore: revert some changes to keep existing forms looking the same

Browse Source
This commit is contained in:
Thomas Heartman 2024-05-22 12:06:44 +02:00
parent d2325edb44
commit beb4f39fad
No known key found for this signature in database
GPG Key ID: BD1F880DAED1EE78
1 changed files with 17 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
frontend/src/component/common/FormTemplate/FormTemplate.tsx
View File

@ -174,8 +174,7 @@ const StyledDescriptionCard = styled('article')(({ theme }) => ({
zIndex: 1, zIndex: 1,
color: theme.palette.common.white, color: theme.palette.common.white,
position: 'relative', position: 'relative',
paddingBlock: theme.spacing(4), margin: theme.spacing(3, 0),
minHeight: '13rem',
})); }));
const StyledDescription = styled('p')(({ theme }) => ({ const StyledDescription = styled('p')(({ theme }) => ({
@ -183,7 +182,7 @@ const StyledDescription = styled('p')(({ theme }) => ({
})); }));
const StyledLinkContainer = styled('div')(({ theme }) => ({ const StyledLinkContainer = styled('div')(({ theme }) => ({
// margin: theme.spacing(3, 0), margin: theme.spacing(3, 0),
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
width: '100%', width: '100%',
@ -363,7 +362,6 @@ const MobileGuidance = ({
<Collapse in={open} timeout={500}> <Collapse in={open} timeout={500}>
<Guidance <Guidance
documentationIcon={documentationIcon} documentationIcon={documentationIcon}
showLink={!!documentationLink}
description={description} description={description}
documentationLink={documentationLink} documentationLink={documentationLink}
documentationLinkLabel={documentationLinkLabel} documentationLinkLabel={documentationLinkLabel}
@ -402,26 +400,25 @@ const Guidance: React.FC<IGuidanceProps> = ({
show={documentationIcon} show={documentationIcon}
/> />
<StyledDescription>{description}</StyledDescription> <StyledDescription>{description}</StyledDescription>
<ConditionallyRender
condition={showLink && !!documentationLink}
show={
<StyledLinkContainer>
<StyledLinkIcon />
<StyledDocumentationLink
href={documentationLink}
rel='noopener noreferrer'
target='_blank'
>
{documentationLinkLabel}
</StyledDocumentationLink>
</StyledLinkContainer>
}
/>
</StyledDescriptionCard> </StyledDescriptionCard>
} }
/> />
<ConditionallyRender
condition={showLink && !!documentationLink}
show={
<StyledLinkContainer>
<StyledLinkIcon />
<StyledDocumentationLink
href={documentationLink}
rel='noopener noreferrer'
target='_blank'
>
{documentationLinkLabel}
</StyledDocumentationLink>
</StyledLinkContainer>
}
/>
{children} {children}
</StyledSidebar> </StyledSidebar>
); );