From efa31f76bd00fed5684ada9f948692e7051ecc4e Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Mon, 27 Jul 2020 20:52:37 +0200 Subject: very very basic styling of player transcript --- animism-align/frontend/app/views/viewer/viewer.css | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) (limited to 'animism-align/frontend/app/views/viewer/viewer.css') diff --git a/animism-align/frontend/app/views/viewer/viewer.css b/animism-align/frontend/app/views/viewer/viewer.css index da73216..d0f7177 100644 --- a/animism-align/frontend/app/views/viewer/viewer.css +++ b/animism-align/frontend/app/views/viewer/viewer.css @@ -32,12 +32,15 @@ } .viewer-container { - width: 100%; - height: 100%; - transform: translateZ(0) translateX(0); - transition: transform 0.2s; + position: absolute; + top: 0; left: 0; + width: 100vw; + height: 100vh; + /*transform: translateZ(0) translateX(0);*/ + transition: width 0.2s; } -.viewer-container.transcript-open { - transform: translateZ(0) translateX(-31.875rem); +.transcript-open .viewer-container { + /*transform: translateZ(0) translateX(-31.875rem);*/ + width: calc(100vw - 31.875rem); } -- cgit v1.2.3-70-g09d2