TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-28 22:43:30 +03:00
Code Issues Projects Releases Wiki Activity

Updated portal settings Stripe Connect CTA

Browse Source
This commit is contained in:
Sanne de Vries 2022-03-03 10:34:16 +01:00
parent a8b0faf9ea
commit 969cef0838
2 changed files with 25 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ghost/admin/app/components/modal-portal-settings.hbs
View File

@ -8,8 +8,12 @@
<div class="gh-portal-form-wrapper">
<fieldset class="gh-portal-settings-form">
<div class="gh-portal-setting-section {{if (not-eq this.settings.membersSignupAccess "all") "disabled-overlay"}}" onclick={{action "switchPreviewPage" "signup"}}>
<h3 class="gh-portal-setting-sectionheading">Signup options</h3>
<GhFormGroup @classNames="gh-members-subscribed-checkbox gh-portal-setting-first pb5 mb0">
<h3 class="gh-portal-setting-sectionheading gh-stripe-connect">Signup options
{{#if (not this.membersUtils.isStripeEnabled)}}
<a class="gh-btn gh-btn-link black {{unless this.session.user.isAdmin "disabled"}}" type="button" {{on "click" (action "openStripeSettings")}}>Connect to Stripe</a>
{{/if}}
</h3>
<GhFormGroup @classNames="gh-members-subscribed-checkbox gh-portal-setting-first mb0">
<div class="flex justify-between items-center">
<div class="mr3">
<h4 class="gh-portal-setting-title">Display name in signup form</h4>
@ -156,10 +160,6 @@
</div>
{{/if}}
</div>
{{else}}
<div class="gh-portal-setting-no-stripe">
You need to <button class="gh-btn gh-btn-link black {{unless this.session.user.isAdmin "disabled"}}" type="button" {{on "click" (action "openStripeSettings")}}>connect to Stripe</button> to take payments
</div>
{{/if}}
</div>
<div class="gh-portal-setting-section" onclick={{action "switchPreviewPage" "signup"}}>

21
ghost/admin/app/styles/layouts/portal-settings.css
View File

@ -98,14 +98,27 @@
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.2px;
color: var(--black);
color: var(--midgrey-l1);
margin: 0;
padding: 0 0 8px;
border-bottom: 1px solid var(--whitegrey);
}
.gh-portal-setting-sectionheading.gh-stripe-connect {
display: flex;
justify-content: space-between;
}
.gh-portal-setting-sectionheading.gh-stripe-connect a {
color: #6772E5;
text-transform: initial;
font-size: 1.25rem;
font-weight: 400;
cursor: pointer;
}
.gh-portal-setting-section {
margin: 0 -24px 3.5vw;
margin: 0 -24px 2.4em;
padding: 0 28px;
}
@ -257,6 +270,10 @@
box-shadow: 0px 0px 0px 1px color-mod(var(--green) a(40%));
}
.gh-portal-button-icon:hover svg path {
stroke: var(--green);
}
.gh-portal-button-icon.selected-icon {
box-shadow: 0px 0px 0px 2px var(--green);
}