diff --git a/ghost/portal/src/App.js b/ghost/portal/src/App.js index 6229919b5f..8d9e1ea74a 100644 --- a/ghost/portal/src/App.js +++ b/ghost/portal/src/App.js @@ -16,7 +16,7 @@ const DEV_MODE_DATA = { showPopup: true, site: Fixtures.site, member: Fixtures.member.paid, - page: 'accountHome' + page: 'signup' }; export default class App extends React.Component { constructor(props) { diff --git a/ghost/portal/src/components/pages/SignupPage.js b/ghost/portal/src/components/pages/SignupPage.js index 8945738de7..2fda4c5c43 100644 --- a/ghost/portal/src/components/pages/SignupPage.js +++ b/ghost/portal/src/components/pages/SignupPage.js @@ -76,6 +76,10 @@ export const SignupPageStyles = ` background-attachment: local,local,scroll,scroll; } + .gh-portal-content.signup.invite-only { + background: none; + } + footer.gh-portal-signup-footer, footer.gh-portal-signin-footer { padding-top: 24px; @@ -123,6 +127,10 @@ export const SignupPageStyles = ` height: unset; } + footer.gh-portal-signup-footer.invite-only .gh-portal-signup-message { + margin-top: 0; + } + .gh-portal-invite-only-notification { margin: 8px 32px; padding: 0; @@ -474,6 +482,7 @@ class SignupPage extends React.Component { } if (plansData.length === 0) { footerClass = 'invite-only'; + sectionClass = 'invite-only'; } } else { sectionClass = 'singleplan'; diff --git a/ghost/portal/src/utils/fixtures.js b/ghost/portal/src/utils/fixtures.js index 5448b393b1..bbe4700121 100644 --- a/ghost/portal/src/utils/fixtures.js +++ b/ghost/portal/src/utils/fixtures.js @@ -15,7 +15,7 @@ export const site = { is_stripe_configured: true, portal_button: true, portal_name: true, - portal_plans: ['monthly', 'yearly'], + portal_plans: [''], portal_button_icon: 'icon-1', portal_button_signup_text: 'Subscribe now', portal_button_style: 'icon-and-text',