Fix notification attachment icon overflow
This commit is contained in:
parent
b4cbbefbd2
commit
a58a6d3c35
@ -36,6 +36,7 @@ library.add(
|
|||||||
const Attachment = {
|
const Attachment = {
|
||||||
props: [
|
props: [
|
||||||
'attachment',
|
'attachment',
|
||||||
|
'compact',
|
||||||
'description',
|
'description',
|
||||||
'hideDescription',
|
'hideDescription',
|
||||||
'nsfw',
|
'nsfw',
|
||||||
@ -71,7 +72,8 @@ const Attachment = {
|
|||||||
{
|
{
|
||||||
'-loading': this.loading,
|
'-loading': this.loading,
|
||||||
'-nsfw-placeholder': this.hidden,
|
'-nsfw-placeholder': this.hidden,
|
||||||
'-editable': this.edit !== undefined
|
'-editable': this.edit !== undefined,
|
||||||
|
'-compact': this.compact
|
||||||
},
|
},
|
||||||
'-type-' + this.type,
|
'-type-' + this.type,
|
||||||
this.size && '-size-' + this.size,
|
this.size && '-size-' + this.size,
|
||||||
|
@ -102,7 +102,6 @@
|
|||||||
padding-top: 0.5em;
|
padding-top: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.play-icon {
|
.play-icon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 64px;
|
font-size: 64px;
|
||||||
@ -265,4 +264,10 @@
|
|||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.-compact {
|
||||||
|
.placeholder-container {
|
||||||
|
padding-bottom: 0.5em;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@ -162,10 +162,11 @@
|
|||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
<FAIcon
|
<FAIcon
|
||||||
size="5x"
|
:size="compact ? '2x' : '5x'"
|
||||||
:icon="placeholderIconClass"
|
:icon="placeholderIconClass"
|
||||||
|
:title="localDescription"
|
||||||
/>
|
/>
|
||||||
<p>
|
<p v-if="!compact">
|
||||||
{{ localDescription }}
|
{{ localDescription }}
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
|
@ -4,6 +4,7 @@ import { sumBy, set } from 'lodash'
|
|||||||
const Gallery = {
|
const Gallery = {
|
||||||
props: [
|
props: [
|
||||||
'attachments',
|
'attachments',
|
||||||
|
'compact',
|
||||||
'limitRows',
|
'limitRows',
|
||||||
'descriptions',
|
'descriptions',
|
||||||
'limit',
|
'limit',
|
||||||
|
@ -20,6 +20,7 @@
|
|||||||
v-for="(attachment, attachmentIndex) in row.items"
|
v-for="(attachment, attachmentIndex) in row.items"
|
||||||
:key="attachment.id"
|
:key="attachment.id"
|
||||||
class="gallery-item"
|
class="gallery-item"
|
||||||
|
:compact="compact"
|
||||||
:nsfw="nsfw"
|
:nsfw="nsfw"
|
||||||
:attachment="attachment"
|
:attachment="attachment"
|
||||||
:size="size"
|
:size="size"
|
||||||
|
@ -33,6 +33,7 @@
|
|||||||
<gallery
|
<gallery
|
||||||
v-if="status.attachments.length !== 0"
|
v-if="status.attachments.length !== 0"
|
||||||
class="attachments media-body"
|
class="attachments media-body"
|
||||||
|
:compact="compact"
|
||||||
:nsfw="nsfwClickthrough"
|
:nsfw="nsfwClickthrough"
|
||||||
:attachments="status.attachments"
|
:attachments="status.attachments"
|
||||||
:limit="compact ? 1 : 0"
|
:limit="compact ? 1 : 0"
|
||||||
|
Loading…
Reference in New Issue
Block a user