Add warning about emoji packs names

This commit is contained in:
Angelina Filippova 2020-09-23 20:52:56 +03:00
parent 661b828e5c
commit cd74fa18a2
2 changed files with 12 additions and 1 deletions

View file

@ -524,6 +524,7 @@ export default {
specifyFilename: 'Specify a custom filename', specifyFilename: 'Specify a custom filename',
copy: 'Copy', copy: 'Copy',
copyToLocalPack: 'Copy to local pack', copyToLocalPack: 'Copy to local pack',
emptyPack: 'This emoji pack is empty' emptyPack: 'This emoji pack is empty',
emojiWarning: 'Pack names cannot include any of the following characters: # / < > & +'
} }
} }

View file

@ -30,6 +30,7 @@
{{ $t('users.create') }} {{ $t('users.create') }}
</el-button> </el-button>
</div> </div>
<span class="emoji-name-warning">{{ $t('emoji.emojiWarning') }}</span>
</el-form-item> </el-form-item>
<el-form-item v-if="Object.keys(localPacks).length > 0" :label="$t('emoji.packs')"> <el-form-item v-if="Object.keys(localPacks).length > 0" :label="$t('emoji.packs')">
<el-collapse v-for="(pack, name) in localPacks" :key="name" v-model="activeLocalPack" accordion @change="setActiveTab"> <el-collapse v-for="(pack, name) in localPacks" :key="name" v-model="activeLocalPack" accordion @change="setActiveTab">
@ -206,6 +207,15 @@ export default {
justify-content: space-between; justify-content: space-between;
margin: 0 15px 22px 15px; margin: 0 15px 22px 15px;
} }
.emoji-name-warning {
color: #666666;
font-size: 13px;
line-height: 22px;
margin: 5px 0 0 0;
overflow-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
}
.emoji-packs-header-button-container { .emoji-packs-header-button-container {
display: flex; display: flex;
} }