Switched divs to buttons

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

View File

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

View File

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