From ba2d6af125ae3e2ba4a372d760c0e91d3ccc52f3 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Tue, 3 Nov 2020 20:11:06 +0100 Subject: various image size styles --- .../frontend/app/views/viewer/player/player.transcript.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) (limited to 'animism-align/frontend/app/views/viewer/player/player.transcript.css') diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.css b/animism-align/frontend/app/views/viewer/player/player.transcript.css index e5db0ba..1bee462 100644 --- a/animism-align/frontend/app/views/viewer/player/player.transcript.css +++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css @@ -194,12 +194,18 @@ margin: 0 auto; display: inline-block; } -.player-transcript .media.image img { +.player-transcript .media.image .image-container img { cursor: pointer; display: block; max-width: 100%; max-height: calc(100vh - 7rem); } +.player-transcript .media.image .image-container.wide-column-width img { + max-width: 80vw; +} +.player-transcript .media.image .image-container.narrow-column-width img { + max-width: 45rem; +} .player-transcript .media.fullscreen .img { position: relative; width: 100vw; -- cgit v1.2.3-70-g09d2