tqt
/
Ghost-Admin
mirror of https://github.com/TryGhost/Ghost-Admin.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Added "Test mode" label UI to Stripe Connect 

no issues.
- added label to indicate if the connected Stripe account is in test mode
This commit is contained in:
Peter Zimon 2020-06-11 15:36:22 +02:00
parent 41bf50e777
commit 042fb1e501
2 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/components/gh-members-lab-setting.hbs
View File

@ -56,7 +56,12 @@
<div>
<h4 class="gh-setting-title">Connect to Stripe</h4>
{{#if this.stripeConnectIntegration}}
<p class="gh-setting-desc pa0 ma0">Connected to <a href="https://dashboard.stripe.com/{{this.stripeConnectIntegration.id}}" target="_blank">{{this.stripeConnectIntegration.name}}</a></p>
<p class="gh-setting-desc pa0 ma0">
Connected to <a href="https://dashboard.stripe.com/{{this.stripeConnectIntegration.id}}" target="_blank">{{this.stripeConnectIntegration.name}}</a>
{{#unless this.stripeConnectIntegration.livemode}}
<span class="gh-members-connect-testmodelabel">Test mode</span>
{{/unless}}
</p>
{{else}}
<p class="gh-setting-desc pa0 ma0">Connect to Stripe to create subscriptions and take payments</p>
{{/if}}

11
app/styles/layouts/labs.css
View File

@ -124,6 +124,17 @@
resize: none;
}
.gh-members-connect-testmodelabel {
display: inline-block;
background: #f8e5b9;
color: #983705;
font-size: 1.2rem;
font-weight: 500;
line-height: 1em;
border-radius: 999px;
padding: 4px 8px;
}
@media (max-width: 500px) {
.gh-members-stripe-info-header {
flex-direction: column;