discourse/discourse-subscriptions
1
0
Fork 0
mirror of https://github.com/discourse/discourse-subscriptions.git synced 2025-07-07 23:12:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
assets/javascripts/discourse/templates/components/campaign-banner.hbs
View File

@ -13,22 +13,21 @@
background-size: cover; background-size: cover;
background-repeat: no-repeat;' ''}}"> background-repeat: no-repeat;' ''}}">
{{#if isGoalMet}} {{#if isGoalMet}}
<h2 class="campaign-banner-info-header">{{i18n 'discourse_subscriptions.campaign.success_title'}}</h2> <h2 class="campaign-banner-info-header">{{i18n 'discourse_subscriptions.campaign.success_title'}}</h2>
<p class="campaign-banner-info-description">{{i18n 'discourse_subscriptions.campaign.success_body'}}</p> <p class="campaign-banner-info-description">{{i18n 'discourse_subscriptions.campaign.success_body'}}</p>
{{else}} {{else}}
<h2 class="campaign-banner-info-header">{{i18n 'discourse_subscriptions.campaign.title'}}</h2> <h2 class="campaign-banner-info-header">{{i18n 'discourse_subscriptions.campaign.title'}}</h2>
<p class="campaign-banner-info-description">{{i18n 'discourse_subscriptions.campaign.body'}}</p> <p class="campaign-banner-info-description">{{i18n 'discourse_subscriptions.campaign.body'}}</p>
{{#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'}}
{{/link-to}}
{{else}}
{{#link-to "s" class="btn btn-primary campaign-banner-info-button"}}
{{d-icon "far-heart"}} {{d-icon "heart" class="hover-heart"}} {{i18n 'discourse_subscriptions.campaign.button'}}
{{/link-to}}
{{/if}}
{{/if}} {{/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'}}
{{/link-to}}
{{else}}
{{#link-to "s" class="btn btn-primary campaign-banner-info-button"}}
{{d-icon "far-heart"}} {{d-icon "heart" class="hover-heart"}} {{i18n 'discourse_subscriptions.campaign.button'}}
{{/link-to}}
{{/if}}
</div> </div>
<div class="campaign-banner-progress"> <div class="campaign-banner-progress">
{{#if isGoalMet}} {{#if isGoalMet}}

15
assets/stylesheets/common/campaign.scss
View File

@ -153,6 +153,7 @@ body.archetype-regular {
text-align: center; text-align: center;
} }
} }
&-button { &-button {
grid-area: right; grid-area: right;
height: 2.5em; 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 // Topic Footer Version
html:not(.mobile-view) .subscriptions-campaign-topic-footer .campaign-banner { html:not(.mobile-view) .subscriptions-campaign-topic-footer .campaign-banner {
margin-top: 2em; margin-top: 2em;