Skip to content

Improve previews for guests + GIF support #4472

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
PVince81 merged 5 commits into from
Oct 29, 2020
Merged

Improve previews for guests + GIF support #4472

Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
7083bbc
Chat previews now expanded with aspect ratio
PVince81 Oct 26, 2020
805b1cf
Add size to system message from shared file
PVince81 Oct 26, 2020
549d890
Direct preview for GIFs + guest mode previews
PVince81 Oct 26, 2020
591cacd
Make max GIF size configurable
PVince81 Oct 26, 2020
7c26560
Use max-height for images
PVince81 Oct 28, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Use max-height for images 
Makes it possible to resize both previews and GIFs in a responsive
manner, keeping the ratio and everything visible.

Added border radius to make it look even nicer.

Signed-off-by: Vincent Petry <[email protected]>
  • Loading branch information
@PVince81
PVince81 committed Oct 28, 2020
commit 7c26560c784e79f1efe35e1ff27062bcc2e13449
6 changes: 4 additions & 2 deletions src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -326,13 +326,15 @@ export default {

.preview {
display: inline-block;
border-radius: var(--border-radius);
max-width: 100%;
height: 384px;
max-height: 384px;
}
.preview-64 {
display: inline-block;
border-radius: var(--border-radius);
max-width: 100%;
height: 64px;
max-height: 64px;
}

strong {
Expand Down