ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move chat notification button in header to position between language and system notification

Browse Source 
- Add this button to mobile as well.
This commit is contained in:
Wolfgang Huß 2023-07-12 14:28:04 +02:00
parent eeaa166f73
commit 181207a90b
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -74,6 +74,10 @@
<!-- locale switch --> <!-- locale switch -->
<locale-switch class="topbar-locale-switch" placement="top" offset="8" /> <locale-switch class="topbar-locale-switch" placement="top" offset="8" />
<template v-if="isLoggedIn"> <template v-if="isLoggedIn">
<!-- chat menu -->
<client-only>
<chat-notification-menu placement="top" />
</client-only>
<!-- notification menu --> <!-- notification menu -->
<client-only> <client-only>
<notification-menu placement="top" /> <notification-menu placement="top" />
@ -92,10 +96,6 @@
<client-only v-if="!isEmpty(this.$env.MAPBOX_TOKEN)"> <client-only v-if="!isEmpty(this.$env.MAPBOX_TOKEN)">
<map-button /> <map-button />
</client-only> </client-only>
<!-- chat menü -->
<client-only>
<chat-notification-menu placement="top" />
</client-only>
<!-- avatar menu --> <!-- avatar menu -->
<client-only> <client-only>
<avatar-menu placement="top" /> <avatar-menu placement="top" />
@ -131,10 +131,16 @@
<!-- mobile hamburger menu --> <!-- mobile hamburger menu -->
<ds-flex-item class="mobile-hamburger-menu"> <ds-flex-item class="mobile-hamburger-menu">
<client-only> <client-only>
<!-- chat menu -->
<div style="display: inline-flex">
<chat-notification-menu />
</div>
<!-- notification menu -->
<div style="display: inline-flex; padding-right: 20px"> <div style="display: inline-flex; padding-right: 20px">
<notification-menu /> <notification-menu />
</div> </div>
</client-only> </client-only>
<!-- hamburger menu -->
<base-button icon="bars" @click="toggleMobileMenuView" circle /> <base-button icon="bars" @click="toggleMobileMenuView" circle />
</ds-flex-item> </ds-flex-item>
</ds-flex> </ds-flex>