diff --git a/website/client/src/components/shops/buyModal.vue b/website/client/src/components/shops/buyModal.vue index ca213f5738..7668f95368 100644 --- a/website/client/src/components/shops/buyModal.vue +++ b/website/client/src/components/shops/buyModal.vue @@ -97,14 +97,14 @@ >{{ item.value }} -
+
{{ item.value }}
@@ -643,8 +643,19 @@ export default { }, viewSubscriptions (item) { if (item.purchaseType === 'backgrounds') { - this.$root.$emit('habitica::dismiss-modal', 'avatar-modal'); this.$root.$emit('bv::hide::modal', 'avatar-modal'); + let removeIndex = this.$store.state.modalStack + .map(modal => modal.modalId) + .indexOf('avatar-modal'); + if (removeIndex >= 0) { + this.$store.state.modalStack.splice(removeIndex, 1); + } + removeIndex = this.$store.state.modalStack + .map(modal => modal.prev) + .indexOf('avatar-modal'); + if (removeIndex >= 0) { + delete this.$store.state.modalStack[removeIndex].prev; + } } this.$router.push('/user/settings/subscription'); this.hideDialog(); diff --git a/website/client/src/components/shops/quests/buyQuestModal.vue b/website/client/src/components/shops/quests/buyQuestModal.vue index d3f75ad702..f55c55973a 100644 --- a/website/client/src/components/shops/quests/buyQuestModal.vue +++ b/website/client/src/components/shops/quests/buyQuestModal.vue @@ -160,7 +160,11 @@ } &.gold { - color: $yellow-10 + color: $yellow-10; + } + + &.hourglasses { + color: $hourglass-color; } }