Added spinner to creating subscription manually

This commit is contained in:
Peter Zimon 2021-05-20 12:33:17 +02:00
parent 510e31e6e6
commit 1b66938327
2 changed files with 12 additions and 2 deletions

View File

@ -187,9 +187,9 @@
</div> </div>
{{/each}} {{/each}}
{{#if this.isAddComplimentaryAllowed}} {{#if this.isAddComplimentaryAllowed}}
<div class="gh-memberproduct-list-footer"> <div class="gh-memberproduct-list-footer {{if this.isCreatingComplimentary "min-height" ""}}">
{{#if this.isCreatingComplimentary}} {{#if this.isCreatingComplimentary}}
Loading... <GhLoadingSpinner />
{{else}} {{else}}
<button type="button" class="gh-btn gh-btn-text green gh-btn-icon gh-btn-addproduct" {{action "addCompedSubscription"}}> <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> <span>{{svg-jar "add"}} Add complimentary subscription</span>

View File

@ -1615,12 +1615,22 @@ p.gh-members-import-errordetail:first-of-type {
} }
.gh-memberproduct-list-footer { .gh-memberproduct-list-footer {
position:relative;
margin-top: 12px; margin-top: 12px;
margin-bottom: -8px; margin-bottom: -8px;
padding-top: 12px; padding-top: 12px;
border-top: 1px solid var(--whitegrey); border-top: 1px solid var(--whitegrey);
} }
.gh-memberproduct-list-footer.min-height {
min-height: 74px;
}
.gh-memberproduct-list-footer .gh-loading-content {
padding-bottom: unset;
padding-top: 12px;
}
.gh-btn-addproduct svg path { .gh-btn-addproduct svg path {
fill: var(--green); fill: var(--green);
stroke: none !important; stroke: none !important;