fix: wrap usergroup's cell values

Signed-off-by: Cleopatra Enjeck M. <patrathewhiz@gmail.com>
nextcloud · Jan 28, 2025 · 52a2fdf · 52a2fdf
1 parent 5c0ce0b
commit 52a2fdf
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/shared/components/ncTable/partials/TableCellUsergroup.vue b/src/shared/components/ncTable/partials/TableCellUsergroup.vue
@@ -4,7 +4,7 @@
 -->
 <template>
 	<!-- eslint-disable-next-line vue/no-v-html -->
-	<div v-if="value">
+	<div v-if="value" class="table-cell-usergroup">
 		<div v-for="item in value" :key="item.id" class="inline usergroup-entry">
 			<NcUserBubble :user="item.id" :avatar-image="item.type === 1 ? 'icon-group' : undefined" :is-no-user="item.type !== 0" :display-name="item.displayName ?? item.id" :show-user-status="isUser(item) && column.showUserStatus" :size="column.showUserStatus ? 34 : 20" :primary="isCurrentUser(item)" />
 		</div>
@@ -48,6 +48,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+	.table-cell-usergroup {
+		display: flex;
+		flex-wrap: wrap;
+		padding: 10px;
+	}
+
 	.usergroup-entry {
 		padding-right: 10px;
 	}