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

cismenu: add cis-main-menu class to main nav, add li elements to ul, style cis-main-menu ul and li to prevent interferec with cms content styles, add draggable false to cis menu entries to improve menu scrolling especially on mobile devices

Browse Source
This commit is contained in:
Harald Bamberger
2026-10-01 11:48:51 +02:00
parent 3d8c4fa4d0
commit f3d031ab16
3 changed files with 23 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/Cis4/Cis.css
+17 -1
View File
@@ -853,4 +853,20 @@ html {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.5rem; border-radius: 0.5rem;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
} }
.cis-main-menu {
max-width: 100vw;
}
.cis-main-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.cis-main-menu ul li {
margin: 0;
padding: 0;
width: 100%;
}
public/js/components/Cis/Menu.js
+1 -1
View File
@@ -186,7 +186,7 @@ export default {
</div> </div>
</div> </div>
<nav id="nav-main" class="offcanvas offcanvas-start" tabindex="-1" aria-labelledby="nav-main-btn" data-bs-backdrop="false"> <nav id="nav-main" class="cis-main-menu offcanvas offcanvas-start" tabindex="-1" aria-labelledby="nav-main-btn" data-bs-backdrop="false">
<div id="nav-main-sticky"> <div id="nav-main-sticky">
<div class="d-flex flex-row h-100"> <div class="d-flex flex-row h-100">
<div class="offcanvas-body p-0"> <div class="offcanvas-body p-0">
public/js/components/Cis/Menu/Entry.js
+5 -1
View File
@@ -162,6 +162,7 @@ export default {
<div class="btn-group w-100"> <div class="btn-group w-100">
<a :target="target" <a :target="target"
:href="(entry.menu_open && hasFullLink) ? entry.url : null" :href="(entry.menu_open && hasFullLink) ? entry.url : null"
draggable="false"
@click="toggleCollapse" @click="toggleCollapse"
:class="{ :class="{
'btn btn-default rounded-0 text-start': true, 'btn btn-default rounded-0 text-start': true,
@@ -180,12 +181,15 @@ export default {
</div> </div>
<ul ref="children" <ul ref="children"
class="nav w-100 collapse"> class="nav w-100 collapse">
<cis-menu-entry :highestMatchingUrlCount="highestMatchingUrlCount" :activeContent="activeContent" v-for="child in entry.childs" :key="child" :entry="child" :level="level + 1"/> <li>
<cis-menu-entry :highestMatchingUrlCount="highestMatchingUrlCount" :activeContent="activeContent" v-for="child in entry.childs" :key="child" :entry="child" :level="level + 1"/>
</li>
</ul> </ul>
</template> </template>
<a v-else <a v-else
:href="entry.url" :href="entry.url"
:target="target" :target="target"
draggable="false"
:class="{ :class="{
'btn btn-default rounded-0 w-100 text-start': true, 'btn btn-default rounded-0 w-100 text-start': true,
['btn-level-' + level]: true, ['btn-level-' + level]: true,