fix(MdApp): fix reveal scroll not being updated

Author: marcosmoura

src/components/MdApp/MdApp.vue

@@ -88,7 +88,6 @@
       .md-app-toolbar {
         position: fixed;
         top: 0;
-        transition: none;
       }
     }
   }

src/components/MdApp/MdAppMixin.js

@@ -31,7 +31,7 @@ export default {
   },
   data: () => ({
     revealTimer: null,
-    revealLastPos: false,
+    revealLastPos: 0,
     MdApp: {
       options: {
         mode: null,
@@ -116,15 +116,13 @@ export default {
         this.revealLastPos = scrollTop
       }, 100)
 
-      if (this.revealLastPos > scrollTop + safeAmount) {
-        this.MdApp.toolbar.revealActive = true
-        this.MdApp.toolbar.transformY = scrollTop - threshold
-      } else if (scrollTop < threshold) {
-        this.MdApp.toolbar.revealActive = false
-        this.MdApp.toolbar.transformY = 0
+      if (scrollTop > threshold) {
+        this.MdApp.toolbar.revealActive = this.revealLastPos > scrollTop + safeAmount
       } else {
-        this.MdApp.toolbar.transformY = scrollTop - threshold
+        this.MdApp.toolbar.revealActive = true
       }
+
+      this.MdApp.toolbar.transformY = scrollTop - threshold
     },
     handleModeScroll ($event) {
       if (this.mdMode === 'reveal') {

src/components/MdApp/MdAppToolbar.vue

@@ -34,10 +34,12 @@
     box-shadow: none !important;
   }
 
-  .md-reveal .md-reveal-active {
-    transform: translate3d(0, calc(100% + 10px), 0);
-    transition: .3s $md-transition-stand-timing;
-    transition-property: box-shadow, transform;
-    will-change: box-shadow, transform;
+  .md-reveal {
+    .md-reveal-active {
+      transform: translate3d(0, calc(100% + 10px), 0);
+      transition: .3s $md-transition-stand-timing;
+      transition-property: box-shadow, transform;
+      will-change: box-shadow, transform;
+    }
   }
 </style>