diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-12-13 13:51:01 +0100 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-12-13 13:51:01 +0100 |
| commit | 0a58b975a6591c3067cd264f7c0b226b11dd4f79 (patch) | |
| tree | bdce0e1d670c4c9140e23b5e7947cb2b5144ac0c /src/components/Properties/PropertyGroups.vue | |
| parent | b674d40a40b1c4c9d8e1ae6a8a1bea84d9da8928 (diff) | |
Eslint config bump
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'src/components/Properties/PropertyGroups.vue')
| -rw-r--r-- | src/components/Properties/PropertyGroups.vue | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/src/components/Properties/PropertyGroups.vue b/src/components/Properties/PropertyGroups.vue index fc062409..0ac44d0b 100644 --- a/src/components/Properties/PropertyGroups.vue +++ b/src/components/Properties/PropertyGroups.vue @@ -22,11 +22,12 @@ <template> <div v-if="propModel" class="grid-span-2 property"> - <!-- NO title if first element for groups --> <div class="property__row"> - <div class="property__label">{{ propModel.readableName }}</div> + <div class="property__label"> + {{ propModel.readableName }} + </div> <!-- multiselect taggable groups with a limit to 3 groups shown --> <multiselect v-model="localValue" :options="groups" :placeholder="t('contacts', 'Add contact in group')" @@ -35,10 +36,13 @@ tag-placeholder="create" class="property__value" @input="updateValue" @tag="validateGroup" @select="addContactToGroup" @remove="removeContactToGroup"> - <!-- show how many groups are hidden and add tooltip --> - <span v-tooltip.auto="formatGroupsTitle" slot="limit" class="multiselect__limit">+{{ localValue.length - 3 }}</span> - <span slot="noResult">{{ t('settings', 'No results') }}</span> + <span slot="limit" v-tooltip.auto="formatGroupsTitle" class="multiselect__limit"> + +{{ localValue.length - 3 }} + </span> + <span slot="noResult"> + {{ t('settings', 'No results') }} + </span> </multiselect> </div> </div> |