5E/5e-drs
1
0
Fork 0
mirror of https://github.com/em-squared/5e-drs.git synced 2025-10-30 13:14:20 +00:00
Code Issues Projects Releases Wiki Activity

ajout d'un bouton de repli pour la navigation de droite

Browse source
This commit is contained in:
Maxime Moraine 2020-04-23 11:39:57 +02:00
parent 83ebe6d06b
commit f778d69981
5 changed files with 36 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

31
docs/.vuepress/theme/layouts/GlobalLayout.vue
View file

@ -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>