nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-26 02:20:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

add tweomji transfer for single emojis

Browse Source
This commit is contained in:
Milos Holba
2021-02-01 19:43:30 +01:00
parent 9c147165e1
commit ba5e05f77a
6 changed files with 191 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/components/FilesView/FileItemGrid.vue
+8 -5
View File
@@ -29,7 +29,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-html="folderIconHandle" v-if="isFolder && folderIconHandle"/>
</div>
<!--Name-->
@@ -98,7 +98,7 @@ export default {
// If folder have set some emoji
if(this.data.icon_emoji)
return JSON.parse(this.data.icon_emoji).char
return this.$transferSingleTwemoji(this.data.icon_emoji, true)
},
...mapGetters({ allData: 'data' }),
@@ -478,9 +478,12 @@ export default {
display: flex;
align-items: center;
.emoji {
@include font-size(55);
margin:auto;
.emoji-wrapper {
width: 80px;
height: 80px;
display: flex;
margin: 0 auto;
align-items: center;
}
.file-link {
resources/js/components/FilesView/FileItemList.vue
+2 -14
View File
@@ -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-wrapper" v-if="isFolder && folderIconHandle"> {{folderIconHandle}}</div>
<div class="emoji-wrapper" v-html="folderIconHandle" v-if="isFolder && folderIconHandle"/>
</div>
@@ -100,7 +100,7 @@ export default {
// If folder have set some emoji
if(this.data.icon_emoji)
return JSON.parse(this.data.icon_emoji).char
return this.$transferSingleTwemoji(this.data.icon_emoji, true)
},
isClicked() {
@@ -283,8 +283,6 @@ export default {
}, 300)
},
created() {
this.$emojisCustomize()
this.itemName = this.data.name
@@ -318,12 +316,6 @@ 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;
@@ -477,10 +469,6 @@ img.emoji {
line-height: 0;
margin-right: 20px;
.emoji-wrapper {
padding: 5px;
}
.folder-icon {
@include font-size(52);