IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

sidebar menu position

Browse Source
This commit is contained in:
ogerly 2022-11-04 08:10:04 +01:00
parent 8b3525adcb
commit 42c87839a2
2 changed files with 108 additions and 109 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/Menu/SidebarNew.vue
View File

@ -1,8 +1,8 @@
<template>
<div id="component-sidebar">
<div class="pl-lg-1 gradido-border-radius shadow-default pt-2 mt-4">
<p></p>
<div class="mb-6">
<div id="side-menu" class="pl-lg-1 gradido-border-radius shadow-default pt-2 mt-4">
<div class="mb-6 mt-3">
<b-nav vertical class="w-200">
<b-nav-item to="/overview" class="mb-3">
<b-icon icon="house" aria-hidden="true"></b-icon>

19
frontend/src/layouts/DashboardLayout.vue
View File

@ -1,6 +1,5 @@
<template>
<div class="main-page">
<b-container class="pl-0 pl-lg-0">
<div v-if="skeleton">
<b-row class="text-center">
<b-col>
@ -58,7 +57,7 @@
</b-col>
</b-row>
<d-row fluid class="d-flex">
<b-col cols="2" ref="sideMenu" class="d-none d-lg-block d-md-block">
<b-col cols="2" ref="sideMenuRow" class="d-none d-lg-block d-md-block zindex1000">
<sidebar-new
class="main-sidebar"
@admin="admin"
@ -70,12 +69,8 @@
<d-row>
<b-col>
<d-row class="d-lg-flex">
<b-col col="12" lg="9" style="background-color: blue">
content header
</b-col>
<b-col col="12" lg="3" style="background-color: red">
right
</b-col>
<b-col col="12" lg="9" style="background-color: blue">content header</b-col>
<b-col col="12" lg="3" style="background-color: red">right</b-col>
</d-row>
</b-col>
@ -107,7 +102,6 @@
</b-row>
<session-logout-timeout @logout="logout"></session-logout-timeout>
</div>
</b-container>
</div>
</template>
<script>
@ -216,7 +210,12 @@ export default {
this.tunneledEmail = email
},
toogleMobilMenu() {
this.$refs.sideMenu.classList.toggle('d-none')
console.log(this.$refs.sideMenuRow.classList.contains('position-absolute'))
this.$refs.sideMenuRow.classList.toggle('d-none')
this.$refs.sideMenuRow.classList.toggle('position-absolute')
console.log(document.getElementById('component-sidebar'))
document.getElementById('side-menu').classList.toggle('bg-lightgrey')
this.hamburger ? (this.hamburger = false) : (this.hamburger = true)
},
dark() {