Updated unsubscribe success message design

refs https://github.com/TryGhost/Team/issues/1495
This commit is contained in:
Djordje Vlaisavljevic 2022-05-16 16:52:21 +02:00
parent c32c86047d
commit 7699424cee
2 changed files with 15 additions and 2 deletions

View File

@ -1120,6 +1120,15 @@ const MultipleProductsGlobalStyles = `
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.gh-portal-newsletter-selection {
animation: 0.5s ease-in-out fadeIn;
}
@ -1133,6 +1142,10 @@ const MultipleProductsGlobalStyles = `
color: var(--grey6);
font-weight: 400;
}
.gh-portal-hide {
display: none;
}
`;
export function getFrameStyles({site}) {

View File

@ -121,9 +121,9 @@ export default function UnsubscribePage() {
const unsubscribedNewsletter = siteNewsletters?.find((d) => {
return d.uuid === pageData.newsletterUuid;
});
const hideClassName = hasInteracted ? 'hide' : '';
const hideClassName = hasInteracted ? 'gh-portal-hide' : '';
return (
<p className={`gh-portal-text-center ${hideClassName}`}><strong>{member?.email}</strong> will no longer receive <strong>{unsubscribedNewsletter?.name}</strong> newsletter.</p>
<p className={`gh-portal-text-center gh-portal-header-message ${hideClassName}`}><strong>{member?.email}</strong> will no longer receive <strong>{unsubscribedNewsletter?.name}</strong> newsletter.</p>
);
};