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

css style remove from element to style area

Browse Source
This commit is contained in:
ogerly 2021-12-09 15:15:19 +01:00
parent 86c67e2a26
commit d43783c512
2 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/components/Menu/Navbar.vue
View File

@ -37,18 +37,7 @@
</div> </div>
<b-navbar-toggle @click="visible = !visible"></b-navbar-toggle> <b-navbar-toggle @click="visible = !visible"></b-navbar-toggle>
</b-navbar> </b-navbar>
<b-collapse <b-collapse id="collapse-4" v-model="visible" class="p-3 b-collaps-gradido">
id="collapse-4"
v-model="visible"
class="p-3"
style="
position: absolute;
z-index: 100000;
background-color: #dfe0e3f5;
width: 100%;
box-shadow: cadetblue 0px 13px 22px;
"
>
<b-nav vertical @click="visible = false"> <b-nav vertical @click="visible = false">
<b-nav-item to="/overview" class="mb-3"> <b-nav-item to="/overview" class="mb-3">
{{ $t('overview') }} {{ $t('overview') }}
@ -90,3 +79,12 @@ export default {
}, },
} }
</script> </script>
<style>
.b-collaps-gradido {
position: absolute;
z-index: 100000;
background-color: #dfe0e3f5;
width: 100%;
box-shadow: cadetblue 0px 13px 22px;
}
</style>

8
frontend/src/views/Layout/DashboardLayout_gdd.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<navbar :balance="balance" @get-elopage-link="getElopageLink" @admin="admin" @logout="logout" /> <navbar :balance="balance" @get-elopage-link="getElopageLink" @admin="admin" @logout="logout" />
<div style="display: inline-flex; width: 100%; height: 91%; position: absolute"> <div class="content-gradido">
<div class="d-none d-sm-none d-md-none d-lg-flex shadow-lg" style="width: 300px"> <div class="d-none d-sm-none d-md-none d-lg-flex shadow-lg" style="width: 300px">
<sidebar @get-elopage-link="getElopageLink" @admin="admin" @logout="logout" /> <sidebar @get-elopage-link="getElopageLink" @admin="admin" @logout="logout" />
</div> </div>
@ -116,6 +116,12 @@ export default {
} }
</script> </script>
<style> <style>
.content-gradido {
display: inline-flex;
width: 100%;
height: 91%;
position: absolute;
}
.navbar-brand-img { .navbar-brand-img {
height: 2rem; height: 2rem;
padding-left: 10px; padding-left: 10px;