TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-25 09:03:12 +03:00
Code Issues Projects Releases Wiki Activity

Refined radio buttons on Offer screen

Browse Source 
- radio button checkbox and colors were a bit off on Offer screen
This commit is contained in:
Peter Zimon 2022-08-23 18:07:12 +02:00
parent 5934794d86
commit 04161d2f7d
2 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ghost/admin/app/styles/layouts/offers.css
View File

@ -205,10 +205,14 @@
.gh-offer-type-container { .gh-offer-type-container {
display: flex; display: flex;
width: 100%; width: 100%;
border: 1px solid #dddedf; border: 1px solid var(--whitegrey-d2);
background: #fff; background: #fff;
color: #394047; color: #394047;
border-radius: 3px; border-radius: 4px;
}
.gh-offer-type-container.disabled {
border: 1px solid var(--whitegrey);
} }
.gh-offer-tier-and-trial { .gh-offer-tier-and-trial {
@ -239,7 +243,7 @@
} }
.gh-offer-type-container .gh-radio:not(:first-child) { .gh-offer-type-container .gh-radio:not(:first-child) {
border-left: 1px solid #F6F6F6; border-left: 1px solid var(--whitegrey);
} }
.gh-offer-type-container .gh-radio-button { .gh-offer-type-container .gh-radio-button {
@ -251,8 +255,8 @@
content: ""; content: "";
position: absolute; position: absolute;
top: 4px; top: 4px;
left: 4px; left: 3px;
width: 9px; width: 10px;
height: 5px; height: 5px;
border: 2px solid #fff; border: 2px solid #fff;
border-top: none; border-top: none;

6
ghost/admin/app/templates/offer.hbs
View File

@ -43,11 +43,11 @@
{{#if (feature 'freeTrial')}} {{#if (feature 'freeTrial')}}
<h4 class="gh-main-section-header gh-main-section-header-with-info small bn"> <h4 class="gh-main-section-header gh-main-section-header-with-info small bn">
<span>Discount information</span> <span>Discount information</span>
<span class="midgrey gh-main-section-header-info tooltip-top-left" data-tooltip="Once saved, this cannot be changed" >{{svg-jar "info"}}</span> <span class="midgrey gh-main-section-header-info tooltip-left" data-tooltip="Once saved, this cannot be changed" >{{svg-jar "info"}}</span>
</h4> </h4>
{{else}} {{else}}
<h4 class="gh-main-section-header small bn"> <h4 class="gh-main-section-header small bn">
Discount information <span class="midgrey"> – Once saved, this cannot be changed.</span> Discount information <span class="midgrey"> &ndash; Once saved, this cannot be changed.</span>
</h4> </h4>
{{/if}} {{/if}}
<div class="gh-main-section-content grey"> <div class="gh-main-section-content grey">
@ -55,7 +55,7 @@
<GhFormGroup> <GhFormGroup>
<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 {{if this.isDiscountSectionDisabled "disabled"}}">
<button class="gh-radio {{if this.isDiscountOffer "active"}}" type="button" {{on "click" (fn this.changeType "discount")}} disabled={{this.isDiscountSectionDisabled}}> <button class="gh-radio {{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">