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

Fixed long names wrapping for product cards

Browse source
This commit is contained in:
Peter Zimon 2021-10-18 12:10:41 +02:00
parent e821710d80
commit b0027a79ab
2 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -292,12 +292,13 @@ export const ProductsSectionStyles = ({site}) => {
/* Vertical card style - for smaller screens sizes*/
.gh-portal-product-card.vertical {
display: none !important;
grid-template-columns: 16px auto minmax(0, 300px);
grid-template-columns: 16px minmax(0, 1fr) auto;
column-gap: 12px;
row-gap: 8px;
align-items: center;
min-height: 68px;
padding: 12px 20px;
justify-content: unset;
}
.gh-portal-product-card.vertical .gh-portal-plan-checkbox {
@ -320,7 +321,7 @@ export const ProductsSectionStyles = ({site}) => {
font-weight: 500;
text-transform: none;
text-align: left;
margin: 4px 0;
margin: 4px 12px 4px 0;
padding: 0;
border-bottom: none;
min-height: unset;

6
ghost/portal/src/utils/fixtures.js
View file

@ -12,7 +12,7 @@ function objectId() {
}
export function getSiteData({
products = getProductsData({numOfProducts: 1}),
products = getProductsData({numOfProducts: 3}),
portalProducts = products.map(p => p.id),
portalPlans: portal_plans = ['free', 'monthly', 'yearly']
} = {}) {
@ -131,11 +131,11 @@ export function getProductsData({numOfProducts = 3} = {}) {
numOfBenefits: 3
}),
getProductData({
name: 'Gold',
name: 'Friends of the browser',
description: 'Get access to everything and lock in early adopter pricing for life + listen to my podcast',
monthlyPrice: getPriceData({
interval: 'month',
amount: 2000
amount: 18000
}),
yearlyPrice: getPriceData({
interval: 'year',