From 4f2992fbe25e849fba4cbd27ec3b7969623cf31f Mon Sep 17 00:00:00 2001
From: SimonGschnell <simongschnell@gmail.com>
Date: Thu, 7 Nov 2024 10:21:39 +0100
Subject: [PATCH] fix(Cis profil menu): fixes the layout of the collapsible in
 the mobile view

---
 public/css/Cis4/Cis.css          | 8 +++-----
 public/js/components/Cis/Menu.js | 8 ++++----
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/public/css/Cis4/Cis.css b/public/css/Cis4/Cis.css
index a91d64f19..2609b0091 100644
--- a/public/css/Cis4/Cis.css
+++ b/public/css/Cis4/Cis.css
@@ -322,8 +322,6 @@ html {
   }
   #nav-user-menu {
     position: absolute;
-    top: var(--fhc-cis-header-height);
-    right: 0;
     min-width: var(--fhc-cis-menu-width);
     background-color: var(--fhc-cis-menu-lvl-2-bg);
   }
@@ -385,7 +383,7 @@ html {
     position: relative;
   }
   #nav-user{
-
+	position: relative;
   }
   #nav-user-btn {
 
@@ -396,8 +394,8 @@ html {
     width: 2rem;
   }
   #nav-user-menu {
-    position: relative !important;
-    transform: none !important;
+    position: absolute;
+	background-color: var(--fhc-cis-menu-lvl-2-bg);
   }
   #nav-main-menu {
     display: block;
diff --git a/public/js/components/Cis/Menu.js b/public/js/components/Cis/Menu.js
index 62305cd9a..d07c50e95 100644
--- a/public/js/components/Cis/Menu.js
+++ b/public/js/components/Cis/Menu.js
@@ -102,13 +102,13 @@ export default {
 		<button id="nav-user-btn" class="btn btn-link rounded-0" type="button" data-bs-toggle="collapse" data-bs-target="#nav-user-menu" aria-expanded="false" aria-controls="nav-user-menu">
 			<img :src="avatarUrl" class="avatar rounded-circle"/>
 		</button>
-		<ul ref="navUserDropdown" @[\`show.bs.collapse\`]="toggleCollapsibles('navUserDropdown')" id="nav-user-menu" class="collapse list-unstyled" aria-labelledby="nav-user-btn">
-			<li><a class="btn btn-level-2 rounded-0 d-block" :href="site_url + '/Cis/Profil'" id="menu-profil">Profil</a></li>
-			<li class="fhc-languages" style="text-align: center;">
+		<ul ref="navUserDropdown" @[\`show.bs.collapse\`]="toggleCollapsibles('navUserDropdown')" id="nav-user-menu" class="top-100 end-0 collapse list-unstyled" aria-labelledby="nav-user-btn">
+			<li class="btn-level-2"><a class="btn btn-level-2 rounded-0 d-block" :href="site_url + '/Cis/Profil'" id="menu-profil">Profil</a></li>
+			<li class="fhc-languages btn-level-2" style="text-align: center;">
 				<a class="btn btn-level-2 rounded-0" href="#" @click="handleChangeLanguage('German')">Deutsch</a>
 				<a class="btn btn-level-2 rounded-0" href="#" @click="handleChangeLanguage('English')">English</a>
 			</li>
-			<li><hr class="dropdown-divider"></li>
+			<li class="btn-level-2"><hr class="dropdown-divider p-0 "></li>
 			<li><a class="btn btn-level-2 rounded-0 d-block" :href="logoutUrl">Logout</a></li>
 		</ul>
 	</div>