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

fix for e2e test - use different css class for chat notification menu

Browse Source
This commit is contained in:
Ulf Gebhardt 2023-07-07 08:24:21 +02:00
parent 6c6b5ec937
commit 163f8cc32c
Signed by: ulfgebhardt
GPG Key ID: DA6B843E748679C9
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
webapp/components/ChatNotificationMenu/ChatNotificationMenu.vue
View File

@ -11,7 +11,7 @@
<img src="/img/empty/chat-bubble.svg" />
</base-button>
</nuxt-link>
<dropdown v-else class="notifications-menu" offset="8">
<dropdown v-else class="chat-notifications-menu" offset="8">
<template #default="{ toggleMenu }">
<base-button
ghost
@ -27,11 +27,11 @@
</base-button>
</template>
<template #popover="{}">
<div class="notifications-menu-popover">
<div class="chat-notifications-menu-popover">
<div v-for="notification in notifications" v-bind:key="notification.roomid">
<ds-space>
<div
class="notifications-menu-popover-item"
class="chat-notifications-menu-popover-item"
@click="
$store.commit('chat/SET_OPEN_CHAT', { showChat: true, roomID: notification.roomid })
"
@ -43,8 +43,8 @@
</div>
<!-- <notification-list :notifications="notifications" /> -->
</div>
<ds-flex class="notifications-link-container">
<ds-flex-item class="notifications-link-container-item" :width="{ base: '100%' }" centered>
<ds-flex class="chat-notifications-link-container">
<ds-flex-item class="chat-notifications-link-container-item" :width="{ base: '100%' }" centered>
<nuxt-link :to="{ name: 'chat' }">
<base-button ghost primary>All Chat Messages</base-button>
</nuxt-link>
@ -89,7 +89,7 @@ export default {
}
</script>
<style lang="scss">
.notifications-menu {
.chat-notifications-menu {
max-width: 500px;
}
.vue-popover-theme {