Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-17 23:44:39 -05:00
Code Issues Activity

Notification refinements

Browse source 
no refs.
- refined notification styles for single and double lines
- refined copy
This commit is contained in:
Peter Zimon 2020-11-10 16:00:50 +01:00
parent 7220049830
commit 23c75e3acc
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ghost/portal/src/components/Notification.js
View file

@ -39,13 +39,13 @@ const NotificationText = ({type, status, context}) => {
} else if (type === 'signin' && status === 'error') {
return (
<p>
Could not sign in! Login link expired. <a href={signinPortalLink} target="_parent">Click here to retry</a>
Could not sign in. Login link expired. <a href={signinPortalLink} target="_parent">Click here to retry</a>
</p>
);
} else if (type === 'signup' && status === 'success') {
return (
<p>
You've successfully subscribed to <strong>{context.site.title}</strong>
You've successfully subscribed to <br /><strong>{context.site.title}</strong>
</p>
);
} else if (type === 'updateEmail' && status === 'success') {
@ -63,7 +63,7 @@ const NotificationText = ({type, status, context}) => {
} else if (type === 'signup' && status === 'error') {
return (
<p>
Could not sign up! Invalid sign up link. <a href={singupPortalLink} target="_parent">Click here to retry</a>
Signup error: Invalid link <br /><a href={singupPortalLink} target="_parent">Click here to retry</a>
</p>
);
} else if (type === 'stripe:checkout' && status === 'success') {

6
ghost/portal/src/components/Notification.styles.js
View file

@ -15,7 +15,7 @@ const NotificationStyles = `
top: 12px;
right: 12px;
width: 100%;
padding: 14px 44px 16px 20px;
padding: 14px 44px 18px 20px;
max-width: 380px;
min-height: 66px;
font-size: 1.3rem;
@ -39,7 +39,7 @@ const NotificationStyles = `
.gh-portal-notification p {
flex-grow: 1;
font-size: 1.4rem;
line-height: 1.45em;
line-height: 1.5em;
text-align: left;
margin: 0;
padding: 0 0 0 40px;
@ -63,7 +63,7 @@ const NotificationStyles = `
.gh-portal-notification-icon {
position: absolute;
top: 21px;
top: calc(50% - 14px);
left: 17px;
width: 28px;
height: 28px;