TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-28 05:37:34 +03:00
Code Issues Projects Releases Wiki Activity

Updated editor styles for product card

Browse Source 
refs https://github.com/TryGhost/Team/issues/1245
This commit is contained in:
djordje vlaisavljevic 2021-12-07 15:39:36 +01:00
parent 1d1b1fe79a
commit 9abe330714
2 changed files with 21 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
ghost/admin/app/styles/components/koenig.css
View File

@ -1745,6 +1745,10 @@ button.emoji-picker__category-button.active {
padding: 20px;
}
.kg-product-card-image {
margin-bottom: 1.6rem;
}
.kg-product-card-trash-icon svg {
width: 16px;
height: 16px;
@ -1764,32 +1768,33 @@ button.emoji-picker__category-button.active {
width: 100%;
}
.kg-product-card-title {
.kg-product-card-title, .kg-product-card-title h4 {
text-decoration: none;
color: #15171A;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;
font-weight: 700;
font-size: 1.9rem;
font-weight: 700 !important;
font-size: 1.9rem !important;
}
.kg-product-card-title ::after {
font-weight: 600 !important;
font-weight: 700 !important;
font-size: 2rem !important;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;
letter-spacing: .02rem;
line-height: 1.6em;
}
.kg-product-card-description, .kg-product-card-description p {
font-size: 16px !important;
font-size: 1.4rem !important;
line-height: 1.6em;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Droid Sans,Helvetica Neue,sans-serif !important;
color: #656E7A;
margin-top: 4px !important;
margin-top: 8px !important;
}
.kg-product-card-description ::after {
font-size: 2rem;
font-size: 1.4rem !important;
line-height: 1.6em;
font-family: georgia, serif;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Droid Sans,Helvetica Neue,sans-serif !important;
}
.kg-product-card-button {
@ -1797,16 +1802,17 @@ button.emoji-picker__category-button.active {
margin-top: 24px;
}
.kg-product-card-rating-star span {
.kg-product-card-rating-star {
display: flex;
align-items: center;
justify-content: center;
height: 2.4rem;
width: 2.4rem;
}
.kg-product-card-rating-star svg {
width: 1em;
height: 1em;
margin-right: 0.6em;
width: 16px;
height: 16px;
fill: #fff;
}
@ -1817,6 +1823,7 @@ button.emoji-picker__category-button.active {
.kg-product-card-rating-edit {
background: none;
display: flex;
align-items: center;
}
.kg-product-card-rating-preview {

2
ghost/admin/lib/koenig-editor/addon/options/cards.js
View File

@ -233,7 +233,7 @@ export const CARD_MENU = [
},
{
label: 'Product',
icon: 'koenig/kg-card-type-other',
icon: 'koenig/kg-card-type-product',
desc: 'Add a product recommendation',
matches: ['product'],
type: 'card',