Merge pull request #1551 from nextcloud/ug-bubble-wrap

fix: wrap usergroup's cell values

Author: blizzz

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' : ''" :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;
 	}