added pointer cursor for nsfw placeholder. fixed nsfw videos requiring double-click

This commit is contained in:
Henry Jameson 2018-08-15 11:20:40 +03:00
parent 87eee191b8
commit d2ec70c323
2 changed files with 18 additions and 10 deletions

View file

@ -2,7 +2,7 @@
<div v-if="size==='hide'">
<a class="placeholder" v-if="type !== 'html'" target="_blank" :href="attachment.url">[{{nsfw ? "NSFW/" : ""}}{{type.toUpperCase()}}]</a>
</div>
<div v-else class="attachment" :class="{[type]: true, loading, 'small-attachment': isSmall, 'fullwidth': fullwidth}" v-show="!isEmpty">
<div v-else class="attachment" :class="{[type]: true, loading, 'small-attachment': isSmall, 'fullwidth': fullwidth, 'nsfw-placeholder': hidden}" v-show="!isEmpty">
<a class="image-attachment" v-if="hidden" @click.prevent="toggleHidden()">
<img :key="nsfwImage" :src="nsfwImage"/>
</a>
@ -50,6 +50,10 @@
margin-right: 0.5em;
}
.nsfw-placeholder {
cursor: pointer;
}
.small-attachment {
&.image, &.video {
max-width: 35%;