mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-24 09:50:39 +00:00
add twemoji
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user