diff options
author | Vincent Petry <vincent@nextcloud.com> | 2020-11-13 23:41:54 +0100 |
---|---|---|
committer | Vincent Petry <vincent@nextcloud.com> | 2020-11-16 17:47:26 +0100 |
commit | eb82ef04b16ae61dc0c3dca0bab39150e800a71b (patch) | |
tree | 9c46fbcae5a8eeb88006af5a344d1abb969d402c /src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue | |
parent | f34365e8b54775873fe708f47306ce23e2ac2e03 (diff) |
Reduce preview size for reply box
In the reply box the preview is too big and generates a scrollbar.
This reduces the preview size there and also simplifies the matching
property.
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
Diffstat (limited to 'src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue')
-rw-r--r-- | src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue | 23 |
1 files changed, 15 insertions, 8 deletions
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue index 89154c7d0..f16d52cb7 100644 --- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue +++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue @@ -117,9 +117,12 @@ export default { type: String, default: 'no', }, - previewSize: { - type: Number, - default: 384, + /** + * Whether to render a small preview to embed in replies + */ + smallPreview: { + type: Boolean, + default: false, }, // In case this component is used to display a file that is being uploaded // this parameter is used to access the file upload status in the store @@ -199,8 +202,8 @@ export default { }, previewImageClass() { let classes = '' - if (this.previewSize === 64) { - classes += 'preview-64 ' + if (this.smallPreview) { + classes += 'preview-small ' } else { classes += 'preview ' } @@ -248,7 +251,11 @@ export default { } // use preview provider URL to render a smaller preview - const previewSize = Math.ceil(this.previewSize * window.devicePixelRatio) + let previewSize = 384 + if (this.smallPreview) { + previewSize = 32 + } + previewSize = Math.ceil(previewSize * window.devicePixelRatio) if (userId === null) { // guest mode: grab token from the link URL // FIXME: use a cleaner way... @@ -406,11 +413,11 @@ export default { max-width: 100%; max-height: 384px; } - .preview-64 { + .preview-small { display: inline-block; border-radius: var(--border-radius); max-width: 100%; - max-height: 64px; + max-height: 32px; } .image-container { |