Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

Refined details toggle on member subscription box

Browse source 
refs https://github.com/TryGhost/Team/issues/1904
This commit is contained in:
Rishabh 2022-09-24 22:41:14 +05:30 • committed by Rishabh Garg
parent f4e6f00077
commit baaf64405a
2 changed files with 6 additions and 4 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

@ -184,10 +184,10 @@
<span class="gh-cp-membertier-renewal">Renews {{sub.validUntil}}</span>
{{/if}}
</div>
<div class="flex flex-row gh-cp-membertier-details" {{on "click" (fn this.toggleSubscriptionExpanded sub.id)}}>
<button type="button" class="flex flex-row gh-cp-membertier-details" {{on "click" (fn this.toggleSubscriptionExpanded sub.id)}}>
Details {{svg-jar "arrow-right-stroke"}}
</div>
<div class="gh-membertier-advanced {{if (not sub.showDetails) "hide"}}" data-test-subscription={{index}}>
</button>
<div class="gh-membertier-advanced {{unless sub.showDetails "hide"}}" data-test-subscription={{index}}>
<div class="gh-membertier-details-container">
{{#if sub.cancellationReason}}
<div class="mb4">

4
ghost/admin/app/styles/layouts/members.css
View file

@ -1216,7 +1216,7 @@ textarea.gh-member-details-textarea {
font-weight: 500;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
overflow: hidden;
padding-right: 1rem;
width: 100%;
}
@ -2373,6 +2373,8 @@ p.gh-members-import-errordetail:first-of-type {
.gh-cp-membertier-details svg {
width: 10px;
top: 7px;
position: relative;
margin-left: 4px;
}