feat: QLayout further work

Author: rstoenescu

dev/components/new-layout/new-layout.vue

@@ -72,7 +72,9 @@
         <div v-for="n in 60">{{n}} Right drawer</div>
       </q-layout-drawer>
 
-      <router-view />
+      <q-transition enter="fadeIn" leave="fadeOut" mode="out-in">
+        <router-view />
+      </q-transition>
     </q-page-container>
   </q-new-layout>
 

src/components/new-layout/QLayoutDrawer.js

@@ -124,6 +124,12 @@ export default {
       console.log('onLayout', val)
       this.__update('space', val)
       this.layout.__animate()
+    },
+    $route () {
+      if (this.onScreenOverlay) {
+        console.log('on screen overlay; closing')
+        this.__updateModel(false)
+      }
     }
   },
   computed: {
@@ -142,7 +148,7 @@ export default {
       return this.value && !this.mobileView && !this.overlay
     },
     onScreenOverlay () {
-      return this.value && this.overlay
+      return this.value && !this.mobileView && this.overlay
     },
     backdropClass () {
       return {

src/components/new-layout/QLayoutDrawer_ORIG.js

@@ -17,10 +17,9 @@
   top 0
   bottom 0
   background $layout-aside-background
-  &.fixed
-    z-index $z-side
-    &.on-screen
-      box-shadow $layout-aside-shadow
+  z-index $z-side
+  &.fixed.on-screen
+    box-shadow $layout-aside-shadow
   &.on-top
     z-index $z-fixed-side
 .q-layout-drawer-left