From f778d699819c43855e50102addd44d84ca7004d0 Mon Sep 17 00:00:00 2001
From: Maxime Moraine <mmoraine@bearstech.com>
Date: Thu, 23 Apr 2020 11:39:57 +0200
Subject: [PATCH] ajout d'un bouton de repli pour la navigation de droite

---
 docs/.vuepress/theme/components/Navbar.vue    |  6 ++--
 docs/.vuepress/theme/layouts/GlobalLayout.vue | 31 ++++++++++++++++++-
 docs/grimoire/aura-du-heros/README.md         |  2 +-
 docs/grimoire/aura-sacree/README.md           |  2 +-
 docs/grimoire/barriere-de-lames/README.md     |  2 +-
 5 files changed, 36 insertions(+), 7 deletions(-)

diff --git a/docs/.vuepress/theme/components/Navbar.vue b/docs/.vuepress/theme/components/Navbar.vue
index 06c5447..3c8793e 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" :hide-on-scroll="$vuetify.breakpoint.mdAndDown" app color="#563f5a" dark>
+  <v-app-bar :clipped-left="$vuetify.breakpoint.lgAndUp" :clipped-right="$vuetify.breakpoint.lgAndUp" :hide-on-scroll="$vuetify.breakpoint.mdAndDown" scroll-threshold="60" 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>
@@ -12,7 +12,7 @@
     <v-btn class="hidden-sm-and-down" @click.stop="toggleAboutDialog" icon>
       <v-icon>mdi-information</v-icon>
     </v-btn>
-    <v-btn @click.stop="setRightDrawer" icon v-if="hasRightDrawer">
+    <v-btn class="ml-5" @click.stop="setRightDrawer" icon v-if="hasRightDrawer">
       <v-icon>{{ rightDrawerIcon }}</v-icon>
     </v-btn>
   </v-app-bar>
@@ -52,7 +52,7 @@ export default {
       if (this.inRightDrawer == 'pageToc') {
         return 'mdi-format-list-bulleted'
       } else if (this.inRightDrawer == 'spellFilters' || this.inRightDrawer == 'monsterFilters' || this.inRightDrawer == 'magicItemFilters') {
-        return 'mdi-filter-variant'
+        return 'mdi-filter'
       }
       return 'mdi-menu'
     },
diff --git a/docs/.vuepress/theme/layouts/GlobalLayout.vue b/docs/.vuepress/theme/layouts/GlobalLayout.vue
index 70eaf8c..d4a3d0e 100644
--- a/docs/.vuepress/theme/layouts/GlobalLayout.vue
+++ b/docs/.vuepress/theme/layouts/GlobalLayout.vue
@@ -15,6 +15,12 @@
         </v-row>
 
       </v-container>
+
+      <v-btn v-show="$vuetify.breakpoint.lgAndUp" color="primary" @click.stop="setRightDrawer" :class="rightDrawerButtonCSS()" small top right fixed fab>
+        <v-icon v-if="$store.state.rightDrawer">mdi-chevron-right</v-icon>
+        <v-icon v-else left>mdi-chevron-left</v-icon>
+      </v-btn>
+
       <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>
@@ -51,6 +57,9 @@ export default {
     RightDrawer
   },
 
+  computed: {
+  },
+
   data () {
     return {
       cookieConsentDialog: true,
@@ -126,7 +135,18 @@ export default {
 
     toTop () {
       this.$vuetify.goTo(0)
-    }
+    },
+
+    rightDrawerButtonCSS () {
+      if (this.$store.state.rightDrawer) {
+        return 'right-drawer-button right-drawer-button-open'
+      }
+      return 'right-drawer-button right-drawer-button-close'
+    },
+
+    setRightDrawer () {
+      this.$store.commit('setRightDrawer', !this.$store.state.rightDrawer)
+    },
   }
 }
 </script>
@@ -138,4 +158,13 @@ export default {
 .footer-padding-right {
   padding-right: 300px;
 }
+.right-drawer-button {
+  top: 150px !important;
+}
+.right-drawer-button-open {
+  right: 280px !important;
+}
+.right-drawer-button-close {
+  right: -20px !important;
+}
 </style>
diff --git a/docs/grimoire/aura-du-heros/README.md b/docs/grimoire/aura-du-heros/README.md
index 8a2a188..07117c1 100644
--- a/docs/grimoire/aura-du-heros/README.md
+++ b/docs/grimoire/aura-du-heros/README.md
@@ -5,7 +5,7 @@ school: "Enchantement"
 level: 0
 concentration: true
 casting_time: "1 action"
-duration: "jusqu'à 1 minutes"
+duration: "jusqu'à 1 minute"
 range: "personnelle"
 components:
   verbal: true
diff --git a/docs/grimoire/aura-sacree/README.md b/docs/grimoire/aura-sacree/README.md
index f2ccaff..989c988 100644
--- a/docs/grimoire/aura-sacree/README.md
+++ b/docs/grimoire/aura-sacree/README.md
@@ -5,7 +5,7 @@ school: "Abjuration"
 level: 8
 concentration: true
 casting_time: "1 action"
-duration: "jusqu'à 1 minutes"
+duration: "jusqu'à 1 minute"
 range: "personnelle"
 components:
   verbal: true
diff --git a/docs/grimoire/barriere-de-lames/README.md b/docs/grimoire/barriere-de-lames/README.md
index 89acd5c..1eb12ad 100644
--- a/docs/grimoire/barriere-de-lames/README.md
+++ b/docs/grimoire/barriere-de-lames/README.md
@@ -5,7 +5,7 @@ school: "Évocation"
 level: 6
 concentration: true
 casting_time: "1 action"
-duration: "jusqu'à 10 minute"
+duration: "jusqu'à 10 minutes"
 range: "27 mètres"
 components:
   verbal: true