Shorten hashtags in suggestion menu

This commit is contained in:
Wolfgang Huß 2019-08-30 08:42:31 +02:00
parent c9c6605b3e
commit 03e5374ab7

View File

@ -7,15 +7,15 @@
:class="{ 'is-selected': navigatedItemIndex === index }" :class="{ 'is-selected': navigatedItemIndex === index }"
@click="selectItem(item)" @click="selectItem(item)"
> >
{{ createItemLabel(item) }} {{ createItemLabel(item) | truncate(50) }}
</li> </li>
<template v-if="isHashtag"> <template v-if="isHashtag">
<li v-if="!query" class="suggestion-list__item hint"> <li v-if="!query" class="suggestion-list__item hint">{{ $t('editor.hashtag.addLetter') }}</li>
{{ $t('editor.hashtag.addLetter') }}
</li>
<template v-else-if="!filteredItems.find(el => el.id === query)"> <template v-else-if="!filteredItems.find(el => el.id === query)">
<li class="suggestion-list__item hint">{{ $t('editor.hashtag.addHashtag') }}</li> <li class="suggestion-list__item hint">{{ $t('editor.hashtag.addHashtag') }}</li>
<li class="suggestion-list__item" @click="selectItem({ id: query })">#{{ query }}</li> <li class="suggestion-list__item" @click="selectItem({ id: query })">
#{{ query | truncate(50) }}
</li>
</template> </template>
</template> </template>
<template v-else-if="isMention"> <template v-else-if="isMention">