r4sas/tweb-i2p
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

chat img contain size (BE CARE)

Browse Source
This commit is contained in:
Eduard Kuzmenko 2020-02-10 17:34:51 +07:00
parent e7539038e2
commit b9b3fe6a76
2 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/misc.ts
View File

@ -300,10 +300,14 @@ export function wrapVideo(this: any, doc: MTDocument, container: HTMLDivElement,
/* image.style.height = doc.h + 'px';
image.style.width = doc.w + 'px'; */
if(!justLoader) {
return loadVideo();
} else {
container.style.width = '';
container.style.height = '';
preloader.detach();
}
});
@ -532,6 +536,7 @@ export function wrapPhoto(this: AppImManager, photo: any, message: any, containe
let size = appPhotosManager.setAttachmentSize(photo.id, container);
let image = container.firstElementChild as HTMLImageElement || new Image();
//let size = appPhotosManager.setAttachmentSize(photo.id, image);
image.setAttribute('message-id', message.mid);
if(!container.contains(image)) {
@ -549,6 +554,11 @@ export function wrapPhoto(this: AppImManager, photo: any, message: any, containe
image.src = URL.createObjectURL(blob);
preloader.detach();
image.style.width = '';
image.style.height = '';
container.style.width = '';
container.style.height = '';
});
console.log('wrapPhoto', load, container, image);

14
src/scss/partials/_chat.scss
View File

@ -295,11 +295,13 @@
.attachment {
max-width: 380px;
max-height: 380px;
width: max-content;
}
img, video {
/* object-fit: contain; */
object-fit: cover;
object-fit: contain;
/* object-fit: cover; */
}
}
@ -308,7 +310,7 @@
//max-height: fit-content;
img {
width: 100%;
/* width: 100%; */
/* height: 100%; */
}
}
@ -351,11 +353,13 @@
user-select: none;
cursor: pointer;
position: relative;
width: max-content;
img, video {
max-width: 100%;
width: 100%;
height: 100%;
/* width: 100%;
height: 100%; */
}
}