From 632e7eacf664f7bcc3e9b4b931d2b52e6d13aed6 Mon Sep 17 00:00:00 2001 From: morethanwords Date: Tue, 13 Oct 2020 17:10:27 +0300 Subject: [PATCH] Fix resolution for reply image --- src/components/chat/replyContainer.ts | 19 +++++++++++-------- src/components/poll.ts | 2 +- src/scss/partials/_chat.scss | 2 +- 3 files changed, 13 insertions(+), 10 deletions(-) diff --git a/src/components/chat/replyContainer.ts b/src/components/chat/replyContainer.ts index b3996cbe..1affce57 100644 --- a/src/components/chat/replyContainer.ts +++ b/src/components/chat/replyContainer.ts @@ -30,17 +30,20 @@ export default class ReplyContainer extends DivAndCaption<(title: string, subtit //console.log('wrap reply', media); if(media.photo || (media.document && ['video'].indexOf(media.document.type) !== -1)) { - let replyMedia = document.createElement('div'); + const replyMedia = document.createElement('div'); replyMedia.classList.add(this.className + '-media'); - let photo = media.photo || media.document; - - let sizes = photo.sizes || photo.thumbs; - if(sizes && sizes[0].bytes) { - appPhotosManager.setAttachmentPreview(sizes[0].bytes, replyMedia, false, true); + const photo = media.photo || media.document; + + if(photo._ == 'document' || !photo.downloaded) { + const sizes = photo.sizes || photo.thumbs; + if(sizes && sizes[0].bytes) { + appPhotosManager.setAttachmentPreview(sizes[0].bytes, replyMedia, false, true); + } } - - appPhotosManager.preloadPhoto(photo, appPhotosManager.choosePhotoSize(photo, 32, 32)) + + const size = appPhotosManager.choosePhotoSize(photo, 32, 32/* mediaSizes.active.regular.width, mediaSizes.active.regular.height */); + appPhotosManager.preloadPhoto(photo, size) .then(() => { renderImageFromUrl(replyMedia, photo._ == 'photo' ? photo.url : appPhotosManager.getDocumentCachedThumb(photo.id).url); }); diff --git a/src/components/poll.ts b/src/components/poll.ts index 2ddeb726..8ca788cd 100644 --- a/src/components/poll.ts +++ b/src/components/poll.ts @@ -380,7 +380,7 @@ export default class PollElement extends HTMLElement { attributeChangedCallback(name: string, oldValue: string, newValue: string) { // вызывается при изменении одного из перечисленных выше атрибутов - console.log('Poll: attributeChangedCallback', name, oldValue, newValue, this.isConnected); + // console.log('Poll: attributeChangedCallback', name, oldValue, newValue, this.isConnected); if(name == 'poll-id') { this.pollID = newValue; } else if(name == 'message-id') { diff --git a/src/scss/partials/_chat.scss b/src/scss/partials/_chat.scss index 614d6a49..4c9cff10 100644 --- a/src/scss/partials/_chat.scss +++ b/src/scss/partials/_chat.scss @@ -1225,7 +1225,7 @@ display: flex; width: 100%; justify-content: center; - z-index: 5; + //z-index: 5; top: 8px; align-items: center; transform: translate3d(0, calc(-100% - 10px), 0);