diff --git a/ghost/portal/src/components/Frame.styles.js b/ghost/portal/src/components/Frame.styles.js index c114ce3612..a2194fdc29 100644 --- a/ghost/portal/src/components/Frame.styles.js +++ b/ghost/portal/src/components/Frame.styles.js @@ -15,7 +15,6 @@ import {PlanSectionStyles} from './common/PlansSection'; import {ProductsSectionStyles} from './common/ProductsSection'; import {AvatarStyles} from './common/MemberGravatar'; import {MagicLinkStyles} from './pages/MagicLinkPage'; -import {LinkPageStyles} from './pages/LinkPage'; import {PopupNotificationStyles} from './common/PopupNotification'; import {OfferPageStyles} from './pages/OfferPage'; @@ -846,20 +845,20 @@ const MultipleProductsGlobalStyles = ` z-index: 10000; padding-bottom: 32px; } - + .gh-portal-popup-wrapper.multiple-products .gh-portal-content { position: unset; overflow-y: visible; max-height: unset !important; } - + @media (max-width: 960px) { .gh-portal-popup-wrapper.multiple-products { margin: 20px; height: calc(100vh - 40px) !important; } } - + @media (max-width: 480px) { .gh-portal-popup-wrapper.multiple-products { margin: 0; @@ -896,9 +895,8 @@ export function getFrameStyles({site}) { BackButtonStyles + AvatarStyles + MagicLinkStyles + - LinkPageStyles + SignupPageStyles + - OfferPageStyles + + OfferPageStyles + PopupNotificationStyles + MobileStyles + MultipleProductsGlobalStyles; diff --git a/ghost/portal/src/components/pages/LinkPage.js b/ghost/portal/src/components/pages/LinkPage.js deleted file mode 100644 index 6c8cd16f3a..0000000000 --- a/ghost/portal/src/components/pages/LinkPage.js +++ /dev/null @@ -1,110 +0,0 @@ -import AppContext from '../../AppContext'; -import CopyToClipboard from '../../utils/copy-to-clipboard'; -const React = require('react'); - -export const LinkPageStyles = ` - .gh-portal-links-table { - width: 100%; - } - - .gh-portal-links-table tr td { - white-space: nowrap; - padding: 4px 12px 4px 0; - } - - .gh-portal-links-table tr.header td { - border-bottom: 1px solid var(--grey12); - } - - .gh-portal-links-table tr.header h4.toggle { - font-weight: 400; - color: var(--brandcolor); - cursor: pointer; - } - - .gh-portal-links-table tr td:last-of-type { - text-align: right; - padding-right: 0; - } - - .gh-portal-links-table tr.header .toggle-header { - display: flex; - align-items: center; - justify-content: space-between; - } -`; - -function getLinkOrAttribute({page, isLink, siteUrl}) { - if (page === 'default') { - return (isLink ? `${siteUrl}#/portal` : 'data-portal'); - } else if (page === 'signup') { - return (isLink ? `${siteUrl}#/portal/signup` : `data-portal="signup"`); - } else if (page === 'signin') { - return (isLink ? `${siteUrl}#/portal/signin` : `data-portal="signin"`); - } else if (page === 'accountHome') { - return (isLink ? `${siteUrl}#/portal/account` : `data-portal="account"`); - } else if (page === 'accountPlan') { - return (isLink ? `${siteUrl}#/portal/account/plans` : `data-portal="account/plans"`); - } else if (page === 'accountProfile') { - return (isLink ? `${siteUrl}#/portal/account/profile` : `data-portal="account/profile"`); - } -} - -const LinkAttributeToggle = ({showLinks, toggleShowLinks}) => { - const text = showLinks ? 'Show Data Attributes' : 'Show Links'; - return ( -
Use these links or data attributes to show the various sections of members modal.
-Section |
-
-
-
- {this.state.showLinks ? 'Link' : 'Data Attribute'}- |
-