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

fix(Cis/Sprachen.js): fixes classes of the Sprachen component inside of the Nav Menu when toggled

Browse Source
This commit is contained in:
SimonGschnell
2024-11-28 10:53:00 +01:00
parent 6e1943928a
commit 71c39edd66
4 changed files with 10 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/Cis4/Cis.css
+4
View File
@@ -182,6 +182,10 @@ html {
transform: rotate(-90deg);
}
#nav-sprachen{
transition: none;
}
/* searchbar */
#nav-search {
z-index: 1;
public/js/components/Cis/Menu.js
+4 -8
View File
@@ -86,10 +86,6 @@ export default {
});
},
template: /*html*/`
<!--<p>CISVUE HEADER</p>
<p>highest count : {{highestMatchingUrlCount}}</p>
<p>active entry content_id : {{activeEntry}}</p>
-->
<button id="nav-main-btn" class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#nav-main" aria-controls="nav-main" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
@@ -112,17 +108,17 @@ export default {
</div>
<nav id="nav-main" class="offcanvas offcanvas-start bg-dark" tabindex="-1" aria-labelledby="nav-main-btn" data-bs-backdrop="false">
<div id="nav-main-sticky">
<div class="border-top border-bottom border-dark" >
<div id="nav-sprachen" class="nav-menu-collapse collapse collapse-horizontal show border-top border-bottom border-dark flex-shrink-0" >
<cis-sprachen></cis-sprachen>
</div>
<div id="nav-main-toggle" class="position-static d-none d-lg-block bg-dark">
<button type="button" class="btn bg-dark text-light rounded-0 p-1 d-flex align-items-center" data-bs-toggle="collapse" data-bs-target="#nav-main-menu" aria-expanded="true" aria-controls="nav-main-menu">
<button type="button" class="btn bg-dark text-light rounded-0 p-1 d-flex align-items-center" data-bs-toggle="collapse" data-bs-target=".nav-menu-collapse" aria-expanded="true" aria-controls="nav-sprachen nav-main-menu">
<i class="fa fa-arrow-circle-left"></i>
</button>
</div>
<div class="offcanvas-body p-0">
<div id="nav-main-menu" class="collapse collapse-horizontal show">
<div id="nav-main-menu" class="nav-menu-collapse collapse collapse-horizontal show">
<div>
<cis-menu-entry :highestMatchingUrlCount="highestMatchingUrlCount" :activeContent="activeEntry" v-for="entry in entries" :key="entry.content_id" :entry="entry" />
</div>
public/js/components/Cis/Menu/Entry.js
-5
View File
@@ -196,11 +196,6 @@ export default {
this.checkActiveUrl(new URL(window.location.href));
},
template: /*html*/`
<!-- DEBUGGIING PRINTS
<p>entry content_id: {{JSON.stringify(entry.content_id,null,2)}}</p>
<p>entry menu: {{JSON.stringify(entry.menu_open,null,2)}}</p>
<p>highest count : {{urlCount}}</p>
-->
<div v-if="entry.template_kurzbz == 'include'">
INCLUDE
</div>
public/js/components/Cis/Sprachen.js
+2 -2
View File
@@ -22,8 +22,8 @@ export default {
);
},
template:/*html*/`
<div class="container flex-shrink-0">
<div class="row justify-content-center align-items-center">
<div class="container">
<div class="row justify-content-center align-items-center flex-nowrap overflow-hidden">
<button v-for="lang in allActiveLanguages" @click.prevent="changeLanguage(lang)" class="col text-white fhc-entry btn text-center w-100" :selected="$p.user_language.value==lang?'':null">{{lang}}</button>
</div>
</div>