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

Fixed overflow issue for ID and email in member Stripe info

This commit is contained in:
Sanne de Vries 2020-12-10 15:33:12 +01:00
parent b4fd71e736
commit ce5e388a8c
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/components/gh-member-settings-form.hbs
View File

@ -152,7 +152,7 @@
<table class="gh-member-stripe-table">
<tr>
<td class="gh-member-stripe-label">Stripe subscription ID</td>
<td class="gh-member-stripe-data">
<td class="gh-member-stripe-data gh-member-stripe-id">
<a href="https://dashboard.stripe.com/subscriptions/{{subscription.id}}" target="_blank" rel="noopener"
data-tooltip="View on Stripe">
{{subscription.id}}
@ -223,7 +223,7 @@
<table class="gh-member-stripe-table">
<tr>
<td class="gh-member-stripe-label">Stripe customer ID</td>
<td class="gh-member-stripe-data">
<td class="gh-member-stripe-data gh-member-stripe-id">
<a href="https://dashboard.stripe.com/customers/{{subscription.customer.id}}" target="_blank" rel="noopener" data-tooltip="View on Stripe">
{{subscription.customer.id}}
</a>
@ -241,7 +241,7 @@
</tr>
<tr>
<td class="gh-member-stripe-label">Email</td>
<td class="gh-member-stripe-data">
<td class="gh-member-stripe-data gh-member-stripe-email">
{{#if subscription.customer.email}}
{{subscription.customer.email}}
{{else}}

13
app/styles/layouts/members.css
View File

@ -445,6 +445,12 @@ textarea.gh-member-details-textarea {
padding: 5px 12px 5px 0;
}
.gh-member-stripe-id,
.gh-member-stripe-email {
display: inline-block;
word-break: break-all;
}
.gh-member-stripe-label {
color: var(--midgrey-d1);
white-space: nowrap;
@ -499,7 +505,7 @@ textarea.gh-member-details-textarea {
color: color-mod(var(--blue) l(-7%) saturation(-10%));
}
@media (max-width: 1320px) {
@media (max-width: 1240px) {
.gh-member-settings {
flex-direction: column;
}
@ -513,7 +519,7 @@ textarea.gh-member-details-textarea {
flex-basis: 348px;
}
@media (max-width: 1320px) and (min-width: 740px) {
@media (max-width: 1240px) and (min-width: 740px) {
.gh-member-settings-secondary {
flex-direction: row;
}
@ -528,7 +534,7 @@ textarea.gh-member-details-textarea {
}
}
@media (max-width: 1320px) {
@media (max-width: 1240px) {
.gh-member-settings-primary,
.gh-member-settings-secondary {
flex-basis: initial;
@ -594,6 +600,7 @@ textarea.gh-member-details-textarea {
padding: 10px 0;
vertical-align: middle;
color: var(--darkgrey);
text-align: left;
}
.gh-member-feed-title:hover {