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

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

@ -1,6 +1,5 @@
<template> <template>
<div class="main-page"> <div class="main-page">
<b-container class="pl-0 pl-lg-0">
<div v-if="skeleton"> <div v-if="skeleton">
<b-row class="text-center"> <b-row class="text-center">
<b-col> <b-col>
@ -58,7 +57,7 @@
</b-col> </b-col>
</b-row> </b-row>
<d-row fluid class="d-flex"> <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 <sidebar-new
class="main-sidebar" class="main-sidebar"
@admin="admin" @admin="admin"
@ -70,12 +69,8 @@
<d-row> <d-row>
<b-col> <b-col>
<d-row class="d-lg-flex"> <d-row class="d-lg-flex">
<b-col col="12" lg="9" style="background-color: blue"> <b-col col="12" lg="9" style="background-color: blue">content header</b-col>
content header <b-col col="12" lg="3" style="background-color: red">right</b-col>
</b-col>
<b-col col="12" lg="3" style="background-color: red">
right
</b-col>
</d-row> </d-row>
</b-col> </b-col>
@ -107,7 +102,6 @@
</b-row> </b-row>
<session-logout-timeout @logout="logout"></session-logout-timeout> <session-logout-timeout @logout="logout"></session-logout-timeout>
</div> </div>
</b-container>
</div> </div>
</template> </template>
<script> <script>
@ -216,7 +210,12 @@ export default {
this.tunneledEmail = email this.tunneledEmail = email
}, },
toogleMobilMenu() { 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) this.hamburger ? (this.hamburger = false) : (this.hamburger = true)
}, },
dark() { dark() {