Added spinner for loading manually created subscription

This commit is contained in:
Peter Zimon 2021-05-19 20:56:29 +02:00
parent ded04d1d19
commit 834d8558e9
2 changed files with 9 additions and 1 deletions

View File

@ -107,11 +107,14 @@
{{#unless this.products}}
<div class="gh-main-section-content bordered">
<div class="gh-cp-memberproduct-noproduct">
{{#unless this.isCreatingComplimentary}}
<div class="mb2">This member doesn't have subscriptions.</div>
{{/unless}}
{{#unless this.member.isNew}}
{{#if this.isAddComplimentaryAllowed}}
{{#if this.isCreatingComplimentary}}
Loading...
<GhLoadingSpinner />
{{else}}
<button type="button" class="gh-btn gh-btn-text green gh-btn-icon gh-btn-addproduct" {{action "addCompedSubscription"}}>
<span>{{svg-jar "add"}} Add complimentary subscription</span>

View File

@ -1648,6 +1648,7 @@ p.gh-members-import-errordetail:first-of-type {
}
.gh-cp-memberproduct-noproduct {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
@ -1656,6 +1657,10 @@ p.gh-members-import-errordetail:first-of-type {
padding: 48px 0;
}
.gh-cp-memberproduct-noproduct .gh-loading-content {
padding-bottom: unset;
}
.gh-btn-add-memberproduct[disabled],
.gh-btn-add-memberproduct[disabled]:hover {
background: var(--lightgrey-l1) !important;