diff --git a/src/components/TopBar/TopBar.vue b/src/components/TopBar/TopBar.vue
index ae4cfc9bf30..e504ff2cf71 100644
--- a/src/components/TopBar/TopBar.vue
+++ b/src/components/TopBar/TopBar.vue
@@ -34,18 +34,22 @@
:class="{'description__in-chat' : !isInCall }">
{{ statusMessage }}
-
-
- {{ conversation.description }}
-
-
+
+
+
+ {{ conversation.description }}
+
+
+
+
+
@@ -123,6 +127,7 @@ import { t, n } from '@nextcloud/l10n'
import moment from '@nextcloud/moment'
import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcPopover from '@nextcloud/vue/dist/Components/NcPopover.js'
import { useIsMobile } from '@nextcloud/vue/dist/Composables/useIsMobile.js'
import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip.js'
import richEditor from '@nextcloud/vue/dist/Mixins/richEditor.js'
@@ -138,7 +143,6 @@ import ConversationIcon from '../ConversationIcon.vue'
import { useGetParticipants } from '../../composables/useGetParticipants.js'
import { AVATAR, CONVERSATION } from '../../constants.js'
-import BrowserStorage from '../../services/BrowserStorage.js'
import { getTalkConfig } from '../../services/CapabilitiesManager.ts'
import { useChatExtrasStore } from '../../stores/chatExtras.js'
import { useSidebarStore } from '../../stores/sidebar.js'
@@ -160,6 +164,7 @@ export default {
ConversationIcon,
TopBarMediaControls,
NcButton,
+ NcPopover,
TopBarMenu,
TasksCounter,
ReactionMenu,
@@ -202,6 +207,7 @@ export default {
data: () => {
return {
showBreakoutRoomsEditor: false,
+ boundaryElement: document.querySelector('.main-view'),
}
},
@@ -424,7 +430,7 @@ export default {
}
}
.title {
- font-weight: bold;
+ font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
}
@@ -438,6 +444,12 @@ export default {
}
}
+.description__popover {
+ padding: var(--default-grid-baseline);
+ width: fit-content;
+ max-width: 50em;
+}
+
.icon {
display: flex;
}