summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/GroupModuleGroupView.vue
diff options
context:
space:
mode:
authorUdo Walter2019-02-25 20:22:13 +0100
committerUdo Walter2019-02-25 20:22:13 +0100
commit000fed17d2c3a896085f5fef6de2f46a9b4cbc7f (patch)
tree99daccb52c9101aa6bc56aef8c39516a67ab4701 /webapp/src/components/GroupModuleGroupView.vue
parent[webapp/datatable] fix bug caused by npm update (diff)
downloadbas-000fed17d2c3a896085f5fef6de2f46a9b4cbc7f.tar.gz
bas-000fed17d2c3a896085f5fef6de2f46a9b4cbc7f.tar.xz
bas-000fed17d2c3a896085f5fef6de2f46a9b4cbc7f.zip
[webapp/registration] switch to the new selctbox for groups selection
Diffstat (limited to 'webapp/src/components/GroupModuleGroupView.vue')
-rw-r--r--webapp/src/components/GroupModuleGroupView.vue13
1 files changed, 11 insertions, 2 deletions
diff --git a/webapp/src/components/GroupModuleGroupView.vue b/webapp/src/components/GroupModuleGroupView.vue
index 6f78d07..a174eb5 100644
--- a/webapp/src/components/GroupModuleGroupView.vue
+++ b/webapp/src/components/GroupModuleGroupView.vue
@@ -56,10 +56,10 @@
<div class="info-box">
<div class="body-2 info-heading"><v-icon>device_hub</v-icon><span>{{ $t('parents') }}</span></div>
<div class="info-text">
- <select-box v-if="editMode" v-model="parents" :items="groupList"></select-box>
+ <select-box v-if="editMode" v-model="parents" :items="groupList" class="info-input" hide-details></select-box>
<div v-else class="chip-container">
<v-chip v-for="(parent, index) in group.parents" :key="parent.id" v-if="index < 5" small label style="width: calc(50% - 8px)">
- {{ parent.name || parent.id }}
+ <span class="chip-text">{{ parent.name || parent.id }}</span>
</v-chip>
<span v-if="group.parents && group.parents.length > 5" class="and-more">+ {{ group.parents.length - 5 }} {{ $t('more') }}</span>
<span v-else-if="group.parents === undefined || group.parents.length === 0">-</span>
@@ -295,6 +295,15 @@ export default {
width: 100%;
}
+.chip-container >>> .v-chip__content {
+ width: 100%;
+}
+
+.chip-text {
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
.and-more {
font-size: 13px;
display: flex;