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

Fixed overflow issue for ID and email in member Stripe info

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

6
ghost/admin/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
ghost/admin/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 {