diff --git a/src/components/attachment/attachment.js b/src/components/attachment/attachment.js index f9c8d981..d62a4adc 100644 --- a/src/components/attachment/attachment.js +++ b/src/components/attachment/attachment.js @@ -79,7 +79,7 @@ const Attachment = { ] }, usePlaceholder () { - return this.size === 'hide' || this.type === 'unknown' + return this.size === 'hide' }, useContainFit () { return this.$store.getters.mergedConfig.useContainFit @@ -106,7 +106,7 @@ const Attachment = { return this.nsfw && this.hideNsfwLocal && !this.showHidden }, isEmpty () { - return (this.type === 'html' && !this.attachment.oembed) || this.type === 'unknown' + return (this.type === 'html' && !this.attachment.oembed) }, useModal () { let modalTypes = [] @@ -143,6 +143,8 @@ const Attachment = { if (this.useModal) { this.$emit('setMedia') this.$store.dispatch('setCurrentMedia', this.attachment) + } else if (this.type === 'unknown') { + window.open(this.attachment.url) } }, openModalForce (event) { @@ -150,7 +152,6 @@ const Attachment = { this.$store.dispatch('setCurrentMedia', this.attachment) }, onEdit (event) { - console.log('ONEDIT', event) this.edit && this.edit(this.attachment, event) }, onRemove () { diff --git a/src/components/attachment/attachment.scss b/src/components/attachment/attachment.scss index 065c38d2..dfda15bf 100644 --- a/src/components/attachment/attachment.scss +++ b/src/components/attachment/attachment.scss @@ -54,6 +54,7 @@ min-width: 0; } + & .placeholder-container, & .image-container, & .audio-container, & .video-container, @@ -93,6 +94,15 @@ } } + .placeholder-container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding-top: 0.5em; + } + + .play-icon { position: absolute; font-size: 64px; diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue index 4abf63dd..59173759 100644 --- a/src/components/attachment/attachment.vue +++ b/src/components/attachment/attachment.vue @@ -12,7 +12,6 @@ :href="attachment.url" :alt="attachment.description" :title="attachment.description" - @click.prevent="" > {{ nsfw ? "NSFW / " : "" }}{{ edit ? '' : placeholderName }} @@ -88,7 +87,7 @@ + + + + {{ localDescription }} + + +
+ {{ localDescription }} +