Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

Switched divs to buttons

Browse source 
refs https://github.com/TryGhost/Team/issues/1811
This commit is contained in:
Djordje Vlaisavljevic 2022-08-17 13:08:45 +02:00
parent e359d2cb32
commit 9f294fa900
2 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
ghost/admin/app/styles/layouts/offers.css
View file

@ -214,6 +214,7 @@
padding: 16px; padding: 16px;
margin: 0; margin: 0;
align-items: center; align-items: center;
text-align: left;
} }
.gh-offer-type-container .gh-radio:not(:first-child) { .gh-offer-type-container .gh-radio:not(:first-child) {

8
ghost/admin/app/templates/offer.hbs
View file

@ -51,21 +51,21 @@
<div> <div>
<label class="fw6">Offer type</label> <label class="fw6">Offer type</label>
<div class="gh-offer-type-container"> <div class="gh-offer-type-container">
<div class="gh-radio flex-grow-1 {{if this.isDiscountOffer "active"}}" type="button" {{on "click" (fn this.changeType "discount")}} disabled={{this.isDiscountSectionDisabled}}> <button class="gh-radio flex-grow-1 {{if this.isDiscountOffer "active"}}" type="button" {{on "click" (fn this.changeType "discount")}} disabled={{this.isDiscountSectionDisabled}}>
<div class="gh-radio-button"></div> <div class="gh-radio-button"></div>
<div class="gh-radio-content"> <div class="gh-radio-content">
<div class="gh-radio-label">Discount</div> <div class="gh-radio-label">Discount</div>
<div class="gh-radio-desc">Offer a special reduced price.</div> <div class="gh-radio-desc">Offer a special reduced price.</div>
</div> </div>
</div> </button>
<div class="gh-radio flex-grow-1 {{if this.isTrialOffer "active"}}" <button class="gh-radio flex-grow-1 {{if this.isTrialOffer "active"}}"
type="button" {{on "click" (fn this.changeType "trial")}} disabled={{this.isDiscountSectionDisabled}}> type="button" {{on "click" (fn this.changeType "trial")}} disabled={{this.isDiscountSectionDisabled}}>
<div class="gh-radio-button"></div> <div class="gh-radio-button"></div>
<div class="gh-radio-content"> <div class="gh-radio-content">
<div class="gh-radio-label">Free trial</div> <div class="gh-radio-label">Free trial</div>
<div class="gh-radio-desc">Give free access for a limited time.</div> <div class="gh-radio-desc">Give free access for a limited time.</div>
</div> </div>
</div> </button>
</div> </div>
</div> </div>
</GhFormGroup> </GhFormGroup>