1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-07-17 13:46:47 +02:00

chore: ux feedback on release templates (#9634)

Makes two small changes to the release template UI based on walkthrough
feedback with UX

1) The how-to descriptions for creating release plans won't get hidden
when the user has created release plans. We think too much is better
than too little. At a later point we'll push users to documentation more
aggressively
2) The warning for when the user taps the "Use template" button now has
a line break to give it some breathing room and will render anchored to
the bottom left of the originating button rather than covering it
This commit is contained in:
Simon Hornby 2025-03-27 16:31:47 +02:00 committed by GitHub
parent b5e52a6160
commit e53e2ca0c7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 31 additions and 26 deletions

View File

@ -242,6 +242,10 @@ export const FeatureStrategyMenu = ({
anchorEl={anchor} anchorEl={anchor}
onClose={onClose} onClose={onClose}
onClick={onClose} onClick={onClose}
anchorOrigin={{
vertical: 'bottom',
horizontal: 'left',
}}
PaperProps={{ PaperProps={{
sx: (theme) => ({ sx: (theme) => ({
paddingBottom: theme.spacing(1), paddingBottom: theme.spacing(1),

View File

@ -97,13 +97,18 @@ export const FeatureStrategyMenuCards = ({
padding: (theme) => theme.spacing(1, 2, 0, 2), padding: (theme) => theme.spacing(1, 2, 0, 2),
}} }}
> >
No templates created. Go to&nbsp; <p>No templates created.</p>
<p>
Go to&nbsp;
<StyledLink <StyledLink
onClick={() => navigate('/release-templates')} onClick={() =>
navigate('/release-templates')
}
> >
Release templates Release templates
</StyledLink> </StyledLink>
&nbsp;to get started &nbsp;to get started
</p>
</StyledTypography> </StyledTypography>
</> </>
} }

View File

@ -97,8 +97,6 @@ export const ReleaseManagement = () => {
)} )}
</PageContent> </PageContent>
{data.templates.length === 0 ? (
<>
<CenteredHowTo> <CenteredHowTo>
<ThemeMode <ThemeMode
darkmode={<HowToApplyReleaseTemplatesDark />} darkmode={<HowToApplyReleaseTemplatesDark />}
@ -115,7 +113,5 @@ export const ReleaseManagement = () => {
<StyledMenuBook /> Read more in our documentation <StyledMenuBook /> Read more in our documentation
</StyledLink> </StyledLink>
</> </>
) : null}
</>
); );
}; };