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

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

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