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

Merge pull request #5956 from Ocelot-Social-Community/5955-close-mobile-menu-on-all-links

Browse Source 
fix(webapp): close mobile menu on all links
This commit is contained in:
Alexander Friedland 2023-02-09 13:44:19 +01:00 committed by GitHub
commit 77af12adc2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
webapp/components/AvatarMenu/AvatarMenu.vue
View File

@ -31,7 +31,10 @@
slot-scope="item"
:route="item.route"
:parents="item.parents"
@click.native="closeMenu(false)"
@click.native="
closeMenu(false)
$emit('toggle-Mobile-Menu-view')
"
>
<base-icon :name="item.route.icon" />
{{ item.route.name }}

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

@ -191,13 +191,15 @@
style="text-align: center"
>
<client-only>
<map-button />
<div @click="toggleMobileMenuView">
<map-button />
</div>
</client-only>
</ds-flex-item>
<!-- avatar menu mobile -->
<ds-flex-item :class="{ 'hide-mobile-menu': !toggleMobileMenu }" style="text-align: end">
<client-only>
<avatar-menu placement="top" />
<avatar-menu placement="top" @toggle-Mobile-Menu-view="toggleMobileMenuView" />
</client-only>
</ds-flex-item>
</ds-flex>
@ -205,22 +207,33 @@
<!-- 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>