summaryrefslogtreecommitdiff
path: root/animism-align/frontend/app/views/viewer/player/player.container.css
diff options
context:
space:
mode:
authorJules Laplace <julescarbon@gmail.com>2020-07-27 23:04:55 +0200
committerJules Laplace <julescarbon@gmail.com>2020-07-27 23:04:55 +0200
commitb54da8c0e7e062cee8406d642e4cc7170d279753 (patch)
tree27963770423d8b183e4e140377e5827fb011371e /animism-align/frontend/app/views/viewer/player/player.container.css
parent0919fde0919aa8ce2724ecb9797eee94774fe126 (diff)
stub for fullscreen player. adjusting sizes. refactor component
Diffstat (limited to 'animism-align/frontend/app/views/viewer/player/player.container.css')
-rw-r--r--animism-align/frontend/app/views/viewer/player/player.container.css18
1 files changed, 18 insertions, 0 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/player.container.css b/animism-align/frontend/app/views/viewer/player/player.container.css
new file mode 100644
index 0000000..4a0d539
--- /dev/null
+++ b/animism-align/frontend/app/views/viewer/player/player.container.css
@@ -0,0 +1,18 @@
+.viewer-container {
+ position: absolute;
+ top: 0; left: 0;
+ width: 100vw;
+ height: 100vh;
+ /*transform: translateZ(0) translateX(0);*/
+ transition: all 0.2s;
+}
+
+.transcript-open .viewer-container {
+ /*transform: translateZ(0) translateX(-31.875rem);*/
+ width: calc(100vw - 31.875rem);
+}
+
+.nav-open .viewer-container {
+ /*transform: translateZ(0) translateX(-31.875rem);*/
+ height: calc(100vh - 25rem);
+}