IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

close mobile menu on all links

Browse Source
This commit is contained in:
ogerly 2023-02-09 12:33:49 +01:00
parent 3dfcf4df9f
commit 4ae4edf000
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
webapp/components/HeaderMenu/HeaderMenu.vue
View File

@ -191,7 +191,9 @@
style="text-align: center"
>
<client-only>
<map-button />
<div @click="toggleMobileMenuView">
<map-button />
</div>
</client-only>
</ds-flex-item>
<!-- avatar menu mobile -->
@ -205,22 +207,24 @@
<!-- dynamic branding menus -->
<ul v-if="isHeaderMenu" class="dynamic-branding-mobil">
<li v-for="item in menu" :key="item.name">
<a v-if="item.url" :href="item.url" :target="item.target">
<a v-if="item.url" :href="item.url" :target="item.target" @click="toggleMobileMenuView">
<ds-text size="large" bold>
{{ $t(item.nameIdent) }}
</ds-text>
</a>
<nuxt-link v-else :to="item.path">
<ds-text size="large" bold>
{{ $t(item.nameIdent) }}
</ds-text>
<div @click="toggleMobileMenuView">
<ds-text size="large" bold>
{{ $t(item.nameIdent) }}
</ds-text>
</div>
</nuxt-link>
</li>
</ul>
<hr />
<!-- dynamic footer menu in header -->
<ul class="dynamic-footer-mobil">
<li v-for="pageParams in links.FOOTER_LINK_LIST" :key="pageParams.name">
<li v-for="pageParams in links.FOOTER_LINK_LIST" :key="pageParams.name" @click="toggleMobileMenuView">
<page-params-link :pageParams="pageParams">
{{ $t(pageParams.internalPage.footerIdent) }}
</page-params-link>