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

Adding 'Available in Portal' badge to product card

Browse source
This commit is contained in:
Peter Zimon 2021-06-04 13:02:16 +02:00
parent 72ca4ded76
commit db1cc85882
2 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
ghost/admin/app/components/gh-membership-products-alpha.hbs
View file

@ -1,5 +1,5 @@
<div class="gh-product-cards"> <div class="gh-product-cards">
{{#each this.products as |product|}} {{#each this.products as |product productIdx|}}
<div class="gh-product-card"> <div class="gh-product-card">
<button class="gh-product-card-editbutton gh-btn gh-btn-text gh-btn-link green" {{action "openEditProduct" product}}> <button class="gh-product-card-editbutton gh-btn gh-btn-text gh-btn-link green" {{action "openEditProduct" product}}>
<span>Edit</span> <span>Edit</span>
@ -11,6 +11,9 @@
<p class="gh-product-card-description"> <p class="gh-product-card-description">
{{product.description}} {{product.description}}
</p> </p>
{{#if (eq productIdx 0)}}
<span class="gh-badge gh-badge-pink">Available in Portal</span>
{{/if}}
</div> </div>
<div class="gh-product-card-block"> <div class="gh-product-card-block">
<span class="gh-product-card-heading">Pricing</span> <span class="gh-product-card-heading">Pricing</span>

2
ghost/admin/app/styles/layouts/products.css
View file

@ -62,7 +62,7 @@
} }
.gh-product-card-description { .gh-product-card-description {
margin-top: 2px; margin: 2px 0 0;
color: var(--midgrey); color: var(--midgrey);
} }