diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-07-27 20:52:37 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-07-27 20:52:37 +0200 |
| commit | efa31f76bd00fed5684ada9f948692e7051ecc4e (patch) | |
| tree | 234796d5b8ecec96e812a2f753c78fdf800bd725 /animism-align/frontend/app/views/viewer/viewer.css | |
| parent | 41918a245e79e4edeccca55ea3b7f538bd6c1e38 (diff) | |
very very basic styling of player transcript
Diffstat (limited to 'animism-align/frontend/app/views/viewer/viewer.css')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/viewer.css | 15 |
1 files changed, 9 insertions, 6 deletions
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); } |