From d43783c51267ee1016bf2dfa6f55fe9d46c41d69 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 9 Dec 2021 15:15:19 +0100
Subject: [PATCH] css style remove from element to style area

---
 frontend/src/components/Menu/Navbar.vue       | 22 +++++++++----------
 .../src/views/Layout/DashboardLayout_gdd.vue  |  8 ++++++-
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/Menu/Navbar.vue b/frontend/src/components/Menu/Navbar.vue
index 68b3105a1..71ba2f4af 100644
--- a/frontend/src/components/Menu/Navbar.vue
+++ b/frontend/src/components/Menu/Navbar.vue
@@ -37,18 +37,7 @@
       </div>
       <b-navbar-toggle @click="visible = !visible"></b-navbar-toggle>
     </b-navbar>
-    <b-collapse
-      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-collapse id="collapse-4" v-model="visible" class="p-3 b-collaps-gradido">
       <b-nav vertical @click="visible = false">
         <b-nav-item to="/overview" class="mb-3">
           {{ $t('overview') }}
@@ -90,3 +79,12 @@ export default {
   },
 }
 </script>
+<style>
+.b-collaps-gradido {
+  position: absolute;
+  z-index: 100000;
+  background-color: #dfe0e3f5;
+  width: 100%;
+  box-shadow: cadetblue 0px 13px 22px;
+}
+</style>
diff --git a/frontend/src/views/Layout/DashboardLayout_gdd.vue b/frontend/src/views/Layout/DashboardLayout_gdd.vue
index f432dcdf2..872392a72 100755
--- a/frontend/src/views/Layout/DashboardLayout_gdd.vue
+++ b/frontend/src/views/Layout/DashboardLayout_gdd.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <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">
         <sidebar @get-elopage-link="getElopageLink" @admin="admin" @logout="logout" />
       </div>
@@ -116,6 +116,12 @@ export default {
 }
 </script>
 <style>
+.content-gradido {
+  display: inline-flex;
+  width: 100%;
+  height: 91%;
+  position: absolute;
+}
 .navbar-brand-img {
   height: 2rem;
   padding-left: 10px;