feat(event): April Foolery 2018

website/client/assets/css/sprites.css

@@ -100,7 +100,34 @@
 
 [class*="Mount_Head_"],
 [class*="Mount_Body_"] {
-  margin-top:18px; /* Sprite accommodates 105x123 box */
+  margin-top: 18px; /* Sprite accommodates 105x123 box */
+  left: 28px;
+  top: 34px;
+}
+
+[class*="Mount_"],
+[class*="Pet-"] {
+  transform: scale(0.333, 0.333);
+  -ms-transform: scale(0.333, 0.333);
+  -webkit-transform: scale(0.333, 0.333);
+}
+
+[class*="_Sabretooth"],
+[class*="_TRex"],
+[class*="_Wolf"] {
+  left: 18px;
+  top: 25px;
+}
+
+[class*="_JackOLantern"] {
+  left: 32px;
+}
+
+[class*="_Cuttlefish"],
+[class*="_Frog"],
+[class*="_MagicalBee"],
+[class*="_Mammoth"] {
+  top: 30px;
 }
 
 .Pet_Currency_Gem {

website/client/assets/scss/animals.scss

@@ -7,7 +7,7 @@
   left: 0;
 
   &:not([class*="FlyingPig"]) {
-    top: -28px !important;
+    top: -8px !important;
   }
 }
 

website/client/components/avatar.vue

@@ -1,10 +1,6 @@
 <template lang="pug">
 .avatar(:style="{width, height, paddingTop}", :class="backgroundClass", @click.prevent='castEnd()')
   .character-sprites(:style='{margin: spritesMargin}')
-    template(v-if="!avatarOnly")
-      // Mount Body
-      span(v-if="member.items.currentMount", :class="'Mount_Body_' + member.items.currentMount")
-
     // Buffs that cause visual changes to avatar: Snowman, Ghost, Flower, etc
     template(v-for="(klass, item) in visualBuffs")
       span(v-if="member.stats.buffs[item] && showVisualBuffs", :class="klass")
@@ -36,6 +32,8 @@
     span.zzz(v-if="member.preferences.sleep")
 
     template(v-if="!avatarOnly")
+      // Mount Body
+      span(v-if="member.items.currentMount", :class="'Mount_Body_' + member.items.currentMount")
       // Mount Head
       span(v-if="member.items.currentMount", :class="'Mount_Head_' + member.items.currentMount")
       // Pet
@@ -64,8 +62,8 @@
   }
 
   .current-pet {
-    bottom: 0px;
+    right: 70px;
-    left: 0px;
+    top: 70px;
   }
 </style>
 
@@ -136,7 +134,7 @@ export default {
 
       if (!this.avatarOnly) {
         if (this.member.items.currentPet) val = '24.5px';
-        if (this.member.items.currentMount) val = '0px';
+        // if (this.member.items.currentMount) val = '0px';
       }
 
       return val;