blackicedbear/FHC-Core
1
0
Fork 0
mirror of https://github.com/FH-Complete/FHC-Core.git synced 2026-07-20 00:12:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(Cis profil menu): fixes the layout of the collapsible in the mobile view

Browse Source
This commit is contained in:
SimonGschnell
2024-11-07 10:21:39 +01:00
parent 2b516d40c9
commit 4f2992fbe2
2 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/Cis4/Cis.css
+3 -5
View File
@@ -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;
public/js/components/Cis/Menu.js
+4 -4
View File
@@ -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>