From 83ebe6d06b96d27a1dc3881c3996a530e52e4360 Mon Sep 17 00:00:00 2001
From: Maxime Moraine <mmoraine@bearstech.com>
Date: Thu, 23 Apr 2020 09:42:35 +0200
Subject: [PATCH] scroll to top + navbar hide on mobile

---
 docs/.vuepress/theme/components/Navbar.vue    |  2 +-
 docs/.vuepress/theme/layouts/GlobalLayout.vue | 17 +++++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/docs/.vuepress/theme/components/Navbar.vue b/docs/.vuepress/theme/components/Navbar.vue
index 6b1651b..06c5447 100644
--- a/docs/.vuepress/theme/components/Navbar.vue
+++ b/docs/.vuepress/theme/components/Navbar.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-app-bar :clipped-left="$vuetify.breakpoint.lgAndUp" :clipped-right="$vuetify.breakpoint.lgAndUp" app color="#563f5a" dark>
+  <v-app-bar :clipped-left="$vuetify.breakpoint.lgAndUp" :clipped-right="$vuetify.breakpoint.lgAndUp" :hide-on-scroll="$vuetify.breakpoint.mdAndDown" app color="#563f5a" dark>
     <v-app-bar-nav-icon @click.stop="setDrawer" />
     <v-toolbar-title class="ml-0 mr-4 pl-4">
       <v-btn class="hidden-sm-and-down site-title" text link :to="{ path: '/' }"><img src="/dragon_blanc.svg" />&nbsp;{{ $site.title }}</v-btn>
diff --git a/docs/.vuepress/theme/layouts/GlobalLayout.vue b/docs/.vuepress/theme/layouts/GlobalLayout.vue
index 8541916..70eaf8c 100644
--- a/docs/.vuepress/theme/layouts/GlobalLayout.vue
+++ b/docs/.vuepress/theme/layouts/GlobalLayout.vue
@@ -13,7 +13,13 @@
             <DefaultGlobalLayout/>
           </v-col>
         </v-row>
+
       </v-container>
+      <v-fab-transition>
+        <v-btn color="primary" class="d-print-none" fab bottom right fixed @click="toTop" v-show="toTopButton" v-scroll="onScroll">
+          <v-icon class="d-print-none">mdi-chevron-up</v-icon>
+        </v-btn>
+    </v-fab-transition>
     </v-content>
 
     <v-bottom-sheet v-model="cookieConsentDialog" persistent>
@@ -48,6 +54,7 @@ export default {
   data () {
     return {
       cookieConsentDialog: true,
+      toTopButton: false
     }
   },
 
@@ -109,6 +116,16 @@ export default {
     setCookieConsent () {
       Cookies.set('heros-et-dragons-cookies', 'compris')
       this.cookieConsentDialog = false
+    },
+
+    onScroll (e) {
+      if (typeof window === 'undefined') return
+      const top = window.pageYOffset ||   e.target.scrollTop || 0
+      this.toTopButton = top > 20
+    },
+
+    toTop () {
+      this.$vuetify.goTo(0)
     }
   }
 }