OpenSourceArk/Ghost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated free membership card

Browse Source 
refs https://github.com/TryGhost/Team/issues/1252
This commit is contained in:
Djordje Vlaisavljevic 2022-02-03 18:03:23 +01:00
parent 40c78b6be6
commit 5ab17e586f
2 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ghost/admin/app/components/gh-product-card.hbs
View File

@ -4,7 +4,11 @@
{{this.product.name}}
</h3>
<p class="gh-product-card-description">
{{#if this.product.description.length}}
{{this.product.description}}
{{else}}
No description added for this tier.
{{/if}}
</p>
</div>
<div class="gh-product-card-block benefits-block">
@ -51,11 +55,12 @@
</div>
</div>
{{/if}}
<div class="gh-product-card-editbutton-container">
{{#if (eq this.product.type "paid" )}}
<div class="gh-product-card-button-container">
<span class="dropdown">
<GhDropdownButton
@dropdownName="tiers-actions-menu-{{this.product.name}}"
@classNames="gh-btn gh-btn-action-icon gh-btn-icon gh-btn-outline gh-product-card-editbutton icon-only"
@classNames="gh-btn gh-btn-action-icon gh-btn-icon gh-btn-outline gh-product-card-actions-button icon-only"
@title="Tiers Actions"
data-test-button="tiers-actions"
>
@ -85,4 +90,13 @@
</GhDropdown>
</span>
</div>
{{else}}
<div class="gh-product-card-button-container"></div>
<button type="button" {{action "openEditProduct" this.product}} class="gh-btn gh-btn-action-icon gh-btn-icon gh-btn-outline gh-product-card-edit-button icon-only">
<span>
{{svg-jar "pen"}}
</span>
</button>
</div>
{{/if}}
</div>

11
ghost/admin/app/styles/layouts/products.css
View File

@ -38,21 +38,26 @@
}
}
.gh-product-card-editbutton-container {
.gh-product-card-button-container {
position: absolute;
right: 24px;
top: 24px;
margin-right: 0;
}
.gh-product-card-editbutton {
.gh-product-card-actions-button, .gh-product-card-edit-button {
margin-right: 0;
}
.gh-product-card-editbutton.gh-btn span {
.gh-product-card-actions-button.gh-btn span, .gh-product-card-edit-button.gh-btn span {
height: 24px;
}
.gh-product-card-edit-button svg {
fill: #15171a;
color: transparent;
}
.gh-tier-actions-menu {
top: calc(100% + 6px);
left: auto;