mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-19 16:42:17 +03:00
Updated unsubscribe success message design
refs https://github.com/TryGhost/Team/issues/1495
This commit is contained in:
parent
c32c86047d
commit
7699424cee
@ -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}) {
|
||||
|
@ -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>
|
||||
);
|
||||
};
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user