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

Added static HTML template for free trial tier card variant

Browse source 
refs https://github.com/TryGhost/Team/issues/1724
This commit is contained in:
Djordje Vlaisavljevic 2022-08-02 14:13:50 +02:00
parent 5c0c214d77
commit 58485a8d97
1 changed files with 21 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
ghost/portal/src/components/common/ProductsSection.js
View file

@ -225,6 +225,10 @@ export const ProductsSectionStyles = ({site}) => {
color: var(--grey0);
}
.gh-portal-product-price .amount.trial-duration {
letter-spacing: -0.022em;
}
.gh-portal-product-price .billing-period {
align-self: flex-end;
font-size: 1.5rem;
@ -242,6 +246,14 @@ export const ProductsSectionStyles = ({site}) => {
display: none;
}
.after-trial-amount {
display: block;
font-size: 1.5rem;
color: var(--grey6);
margin-top: 12px;
line-height: 1;
}
.gh-portal-product-card-detaildata {
flex: 1;
}
@ -538,6 +550,15 @@ function ProductCardPrice({product}) {
{(selectedInterval === 'year' ? <YearlyDiscount discount={yearlyDiscount} /> : '')}
<ProductCardAlternatePrice price={alternatePrice} />
</div>
// Static HTML template for variant of product card for tiers with free trial enabled
// <div className="gh-portal-product-card-pricecontainer">
// <div className="gh-portal-product-price">
// <span className="amount trial-duration">30 days free</span>
// </div>
// {(selectedInterval === 'year' ? <YearlyDiscount discount={yearlyDiscount} /> : '')}
// <ProductCardAlternatePrice price={alternatePrice} />
// </div>
// <span className="after-trial-amount">Then $30/month</span>
);
}