From b3c0ae268c371879af55e70baca9cf2510193a84 Mon Sep 17 00:00:00 2001 From: KC Kern Date: Wed, 25 Oct 2023 16:53:06 +0900 Subject: [PATCH] Bottom Nav fix --- frontend/webapp/src/views/Theater/Theater.css | 19 +++++++++++++++++++ .../webapp/src/views/_Common/BottomNav.css | 1 + 2 files changed, 20 insertions(+) diff --git a/frontend/webapp/src/views/Theater/Theater.css b/frontend/webapp/src/views/Theater/Theater.css index 94692a8..1693ac8 100644 --- a/frontend/webapp/src/views/Theater/Theater.css +++ b/frontend/webapp/src/views/Theater/Theater.css @@ -94,6 +94,12 @@ @media (max-width: 900px){ + + .theater-wrapper + { + position: absolute; + bottom: 4rem; + } .theater-side-panel{ display: none!important; } @@ -101,6 +107,11 @@ { flex-direction: column!important; } + .theater-controls + { + display: none!important; + } + .theater-super-title-left { width:100%!important; @@ -116,6 +127,12 @@ { font-size: min(1.5rem, 3vh)!important; } + .theater-content-next, + .theater-content-prev + { + height: 1.5rem!important; + width: 1.5rem!important; + } } @@ -141,6 +158,7 @@ flex-grow: 0; background-color: #222; + position: relative; } .theater-header, .theater-controls @@ -168,6 +186,7 @@ letter-spacing: 0.2ex; font-variant: small-caps; position: relative; + white-space: nowrap; } .theater-super-titles diff --git a/frontend/webapp/src/views/_Common/BottomNav.css b/frontend/webapp/src/views/_Common/BottomNav.css index 7f2df09..e62c53a 100644 --- a/frontend/webapp/src/views/_Common/BottomNav.css +++ b/frontend/webapp/src/views/_Common/BottomNav.css @@ -16,6 +16,7 @@ font-weight: 800; justify-content: space-between; width: 100%; + height: 4rem; } .bottom-nav-item