Fall Festival Gem Promo (#138)

* content: add gems blocks

* gemsBlocks: include ios and android identifiers

* wip: promo code

* split common constants into multiple files

* add second promo part

* geCurrentEvent, refactor promo

* fix lint

* fix exports, use world state api

* start adding world state tests

* remove console.log

* use gems block for purchases

* remove comments

* fix most unit tests

* restore comment

* fix lint

* prevent apple/google gift tests from breaking other tests when stub is not reset

* fix unit tests, clarify tests names

* iap: use gift object when gifting gems

* allow gift object with less data

* fix iap tests, remove findById stubs

* iap: require less data from the mobile apps

* apply discounts

* add missing worldState file

* fix lint

* add test event

* start removing 20 gems option for web

* start adding support for all gems packages on web

* fix unit tests for apple, stripe and google

* amazon: support all gems blocks

* paypal: support all gems blocks

* fix payments unit tests, add tests for getGemsBlock

* web: add gems plans with discounts, update stripe

* fix amazon and paypal clients, payments success modals

* amazon pay: disabled state

* update icons, start abstracting payments buttons

* begin redesign

* redesign gems modal

* fix buttons

* fix hover color for gems modal close icon

* add key to world state current event

* extend test event length

* implement gems modals designs

* early test fall2020

* fix header banner position

* add missing files

* use iso 8601 for dates, minor ui fixes

* fix time zones

* events: fix ISO8601 format

* fix css indentation

* start abstracting banners

* refactor payments buttons

* test spooky, fix group plans box

* implement gems promo banners, refactor banners, fixes

* fix lint

* fix dates

* remove unused i18n strings

* fix stripe integration test

* fix world state integration tests

* the current active event

* add missing unit tests

* add storybook story for payments buttons component

* fix typo

* fix(stripe): correct label when gifting subscriptions

website/client/src/components/header/menu.vue

@@ -6,10 +6,10 @@
     <send-gems-modal />
     <select-user-modal />
     <b-navbar
+      id="habitica-menu"
       class="topbar navbar-inverse static-top"
       toggleable="lg"
       type="dark"
-      :class="navbarZIndexClass"
     >
       <b-navbar-brand
         class="brand"
@@ -399,6 +399,12 @@
   </div>
 </template>
 
+<style lang="scss">
+body.modal-open #habitica-menu {
+  z-index: 1035;
+}
+</style>
+
 <style lang="scss" scoped>
   @import '~@/assets/scss/colors.scss';
   @import '~@/assets/scss/utils.scss';
@@ -546,6 +552,7 @@
   }
 
   .topbar {
+    z-index: 1080;
     background: $purple-100 url(~@/assets/svg/for-css/bits.svg) right top no-repeat;
     min-height: 56px;
     box-shadow: 0 1px 2px 0 rgba($black, 0.24);
@@ -555,16 +562,6 @@
     }
   }
 
-  .navbar-z-index {
-    &-normal {
-      z-index: 1080;
-    }
-
-    &-modal {
-      z-index: 1035;
-    }
-  }
-
   .logo {
     padding-left: 10px;
     width: 128px;
@@ -764,12 +761,6 @@ export default {
       groupPlans: 'groupPlans.data',
       modalStack: 'modalStack',
     }),
-    navbarZIndexClass () {
-      if (this.modalStack.length > 0) {
-        return 'navbar-z-index-modal';
-      }
-      return 'navbar-z-index-normal';
-    },
   },
   mounted () {
     this.getUserGroupPlans();