UX: Hide campaign button on goal completion (#81)

This commit is contained in:
Justin DiRose 2021-06-22 11:26:28 -05:00 committed by GitHub
parent eee1adc40f
commit d660149ad2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 25 additions and 11 deletions

View File

@ -18,7 +18,6 @@
{{else}}
<h2 class="campaign-banner-info-header">{{i18n 'discourse_subscriptions.campaign.title'}}</h2>
<p class="campaign-banner-info-description">{{i18n 'discourse_subscriptions.campaign.body'}}</p>
{{/if}}
{{#if product}}
{{#link-to "s.show" product disabled=product.subscribed class="btn btn-primary campaign-banner-info-button"}}
{{d-icon "far-heart"}} {{d-icon "heart" class="hover-heart"}} {{i18n 'discourse_subscriptions.campaign.button'}}
@ -28,7 +27,7 @@
{{d-icon "far-heart"}} {{d-icon "heart" class="hover-heart"}} {{i18n 'discourse_subscriptions.campaign.button'}}
{{/link-to}}
{{/if}}
{{/if}}
</div>
<div class="campaign-banner-progress">
{{#if isGoalMet}}

View File

@ -153,6 +153,7 @@ body.archetype-regular {
text-align: center;
}
}
&-button {
grid-area: right;
height: 2.5em;
@ -244,6 +245,20 @@ body.archetype-regular {
}
}
html:not(.mobile-view) {
.subscriptions-campaign,
.subscriptions-campaign-sidebar,
.subscriptions-campaign-topic-footer {
.goal-met .campaign-banner {
.campaign-banner-info {
&-description {
margin: 1em auto !important;
}
}
}
}
}
// Topic Footer Version
html:not(.mobile-view) .subscriptions-campaign-topic-footer .campaign-banner {
margin-top: 2em;