diff --git a/app/widgets/Chat/chat.css b/app/widgets/Chat/chat.css index 13ad7171a..c4cf43682 100644 --- a/app/widgets/Chat/chat.css +++ b/app/widgets/Chat/chat.css @@ -309,6 +309,11 @@ main:not(.enabled) #chat_widget { #chat_widget ul li div.bubble.file video { display: block; max-height: 200px; + background-color: rgba(var(--movim-font), 0.15); +} + +#chat_widget ul li div.bubble.file video:not(.gif) { + height: 200px; } #chat_widget li div.bubble.sticker.file img:not(.emoji):not(.hfr) { diff --git a/app/widgets/Chat/chat.js b/app/widgets/Chat/chat.js index 3602a3895..8f2b421f1 100644 --- a/app/widgets/Chat/chat.js +++ b/app/widgets/Chat/chat.js @@ -1308,6 +1308,8 @@ var Chat = { video.setAttribute('poster', file.thumbnail.uri); video.setAttribute('width', file.thumbnail.width); video.setAttribute('height', file.thumbnail.height); + } else { + video.setAttribute('poster', BASE_URI + 'theme/img/poster.svg'); } // Tenor implementation @@ -1315,6 +1317,7 @@ var Chat = { video.classList.add('gif'); } else { video.setAttribute('controls', 'controls'); + video.setAttribute('preload', 'metadata'); } div.appendChild(video); diff --git a/app/widgets/Upload/_upload.tpl b/app/widgets/Upload/_upload.tpl index c08b65aab..6a3db7ef1 100644 --- a/app/widgets/Upload/_upload.tpl +++ b/app/widgets/Upload/_upload.tpl @@ -11,7 +11,7 @@

{$c->__('upload.choose')}

{if="isset($service->description)"} -

{$c->__('upload.max_size', sizeToCleanSize($service->description))}

+

{$c->__('upload.max_size', sizeToCleanSize($service->description))}

{/if}

diff --git a/app/widgets/Upload/upload.js b/app/widgets/Upload/upload.js index 7911cbbab..ca003d944 100644 --- a/app/widgets/Upload/upload.js +++ b/app/widgets/Upload/upload.js @@ -168,10 +168,10 @@ var Upload = { Upload.file = file; var preview = document.querySelector('#upload img.preview_picture'); + var fileInfo = document.querySelector('#upload li.file'); // If the preview system is there if (preview) { - var fileInfo = document.querySelector('#upload li.file'); var toDraw = fileInfo.querySelector('span.primary'); fileInfo.classList.remove('preview'); fileInfo.querySelector('p.name').innerText = Upload.name; @@ -196,7 +196,13 @@ var Upload = { } if (Upload.uploadButton) { - Upload.uploadButton.classList.remove('disabled'); + console.log(document.querySelector('#upload p.limit')); + console.log(document.querySelector('#upload p.limit').dataset.limit); + if (!document.querySelector('#upload p.limit') || document.querySelector('#upload p.limit').dataset.limit >= file.size) { + Upload.uploadButton.classList.remove('disabled'); + } else { + Upload.uploadButton.classList.add('disabled'); + } } }, diff --git a/public/theme/img/poster.svg b/public/theme/img/poster.svg new file mode 100644 index 000000000..ea4e14fac --- /dev/null +++ b/public/theme/img/poster.svg @@ -0,0 +1,43 @@ + + + + + + +