summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/GroupModuleClientView.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/GroupModuleClientView.vue')
-rw-r--r--webapp/src/components/GroupModuleClientView.vue14
1 files changed, 10 insertions, 4 deletions
diff --git a/webapp/src/components/GroupModuleClientView.vue b/webapp/src/components/GroupModuleClientView.vue
index 5f6ec5e..191c626 100644
--- a/webapp/src/components/GroupModuleClientView.vue
+++ b/webapp/src/components/GroupModuleClientView.vue
@@ -45,10 +45,16 @@
<div class="body-2 info-heading"><v-icon>device_hub</v-icon><span>{{ $t('groups') }}</span></div>
<div class="info-text">
<select-box v-if="editMode" v-model="groups" :items="groupList" class="info-input" hide-details></select-box>
- <div v-else class="chip-container">
- <v-chip v-for="group in firstGroups" :key="group.id" small label style="width: calc(50% - 8px)">
- <span class="chip-text">{{ group.name || group.id }}</span>
- </v-chip>
+ <div v-else class="chip-container non-selectable">
+ <v-tooltip v-for="group in firstGroups" :key="group.id" top open-delay="800">
+ <template #activator="{ on }">
+ <v-chip v-on="on" small label style="width: calc(50% - 8px)">
+ <span class="chip-text">{{ group.name || group.id }}</span>
+ </v-chip>
+ </template>
+ <span>{{ group.name || group.id }}</span>
+ </v-tooltip>
+
<span v-if="client.groups && client.groups.length > 5" class="and-more">+ {{ client.groups.length - 5 }} {{ $t('more') }}</span>
<span v-else-if="client.groups === undefined || client.groups.length === 0">-</span>
</div>