From 91360a4ac3b909142f8bb00563b9c464fe318516 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Fri, 20 Nov 2020 17:40:43 +0100 Subject: mobile layout begins. testing in iphone simulator --- .../app/views/viewer/player/player.transcript.css | 22 +++++++++++++++++++++- 1 file changed, 21 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 766395f..caac222 100644 --- a/animism-align/frontend/app/views/viewer/player/player.transcript.css +++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css @@ -349,7 +349,7 @@ align-items: center; color: white; font-family: "Freight Text", serif; - font-size: 12vh; + font-size: 12vmin; line-height: 1; text-align: center; } @@ -416,4 +416,24 @@ } .schedule .credits { padding-top: 0rem; +} +.schedule-about .mobile-warning { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + opacity: 0.5; +} +.schedule-about .mobile-warning div { + flex: 1; + text-align: left; + padding-left: 0.5rem; +} +.schedule-about .mobile-warning svg { + display: block; + width: 1.25rem; + height: 1.25rem; +} +.schedule-about .mobile-warning svg path { + fill: #000; } \ No newline at end of file -- cgit v1.2.3-70-g09d2