add twemoji

This commit is contained in:
Milos Holba
2021-01-26 23:17:09 +01:00
parent 078d920c19
commit 2112fe879b
9 changed files with 129 additions and 35 deletions
@@ -30,7 +30,7 @@
<FontAwesomeIcon v-if="isFolder && !folderIconHandle" :ref="`folder${this.data.unique_id}`" :class="{ 'is-deleted': isDeleted }" class="folder-icon" icon="folder"/>
<!-- If folder have set emoji -->
<div class="emoji" v-if="isFolder && folderIconHandle"> {{folderIconHandle}}</div>
<div class="emoji-wrapper" v-if="isFolder && folderIconHandle"> {{folderIconHandle}}</div>
</div>
@@ -280,8 +280,13 @@ export default {
}, 300)
},
created() {
this.$emojisCustomize()
this.itemName = this.data.name
events.$on('newFolder:focus', (unique_id) => {
if(this.data.unique_id == unique_id) {
@@ -312,6 +317,13 @@ export default {
@import '@assets/vue-file-manager/_variables';
@import '@assets/vue-file-manager/_mixins';
img.emoji {
height: 20px;
width: 20px;
margin: 0 .05em 0 .1em;
vertical-align: -0.1em;
}
.slide-from-left-move {
transition: transform 300s ease;
}
@@ -464,8 +476,8 @@ export default {
line-height: 0;
margin-right: 20px;
.emoji {
@include font-size(35)
.emoji-wrapper {
padding: 5px;
}
.folder-icon {