Display thumb for video message in chat list
This commit is contained in:
parent
e723ed6339
commit
2b74ca9c5b
@ -1490,12 +1490,17 @@ export class AppDialogsManager {
|
|||||||
let mediaContainer: HTMLElement;
|
let mediaContainer: HTMLElement;
|
||||||
if(!lastMessage.deleted && !draftMessage && !isRestricted) {
|
if(!lastMessage.deleted && !draftMessage && !isRestricted) {
|
||||||
const media: MyDocument | MyPhoto = appMessagesManager.getMediaFromMessage(lastMessage);
|
const media: MyDocument | MyPhoto = appMessagesManager.getMediaFromMessage(lastMessage);
|
||||||
if(media && (media._ === 'photo' || (['video', 'gif'] as MyDocument['type'][]).includes(media.type))) {
|
const videoTypes: Set<MyDocument['type']> = new Set(['video', 'gif', 'round']);
|
||||||
|
if(media && (media._ === 'photo' || videoTypes.has(media.type))) {
|
||||||
const size = appPhotosManager.choosePhotoSize(media, 20, 20);
|
const size = appPhotosManager.choosePhotoSize(media, 20, 20);
|
||||||
|
|
||||||
if(size._ !== 'photoSizeEmpty') {
|
if(size._ !== 'photoSizeEmpty') {
|
||||||
mediaContainer = document.createElement('div');
|
mediaContainer = document.createElement('div');
|
||||||
mediaContainer.classList.add('dialog-subtitle-media');
|
mediaContainer.classList.add('dialog-subtitle-media');
|
||||||
|
|
||||||
|
if((media as MyDocument).type === 'round') {
|
||||||
|
mediaContainer.classList.add('is-round');
|
||||||
|
}
|
||||||
|
|
||||||
wrapPhoto({
|
wrapPhoto({
|
||||||
photo: media,
|
photo: media,
|
||||||
@ -1506,7 +1511,7 @@ export class AppDialogsManager {
|
|||||||
loadPromises
|
loadPromises
|
||||||
});
|
});
|
||||||
|
|
||||||
if((media as MyDocument).type === 'video') {
|
if(videoTypes.has((media as MyDocument).type)) {
|
||||||
const playIcon = document.createElement('span');
|
const playIcon = document.createElement('span');
|
||||||
playIcon.classList.add('tgico-play');
|
playIcon.classList.add('tgico-play');
|
||||||
|
|
||||||
|
@ -364,6 +364,14 @@ ul.chatlist {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
|
||||||
|
&.is-round {
|
||||||
|
border-radius: 50%;
|
||||||
|
|
||||||
|
.tgico-play {
|
||||||
|
font-size: .875rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.tgico-play {
|
.tgico-play {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user