Mobile position fix

kckern · Oct 26, 2023 · d981e56 · d981e56
1 parent 9d3fe2b
commit d981e56
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/frontend/webapp/src/views/Theater/Theater.css b/frontend/webapp/src/views/Theater/Theater.css
@@ -31,8 +31,6 @@
     .theater-wrapper .theater-main-panel
     {
         width: 100%;
-        min-width: 100%;
-        height: 60%;
     }
     .theater-wrapper .theater-side-panel
     {
@@ -95,11 +93,6 @@
 @media (max-width: 900px){
 
 
-    .theater-wrapper
-    {
-        position: absolute;
-        bottom: 4rem;
-    }
     .theater-side-panel{
         display: none!important;
     }
@@ -196,6 +189,7 @@
     font-variant: small-caps;
     position: relative;
     white-space: nowrap;
+    overflow: hidden;
 }
 
 .theater-meta-contents

diff --git a/frontend/webapp/src/views/_Common/Main.css b/frontend/webapp/src/views/_Common/Main.css
@@ -4613,6 +4613,10 @@ button:focus {
   #main-panel
   {
     padding: 0 1em;
+    position: absolute;
+    top:0;
+    bottom: 4rem;
+    min-height: calc(100vh - 4rem);
   }
 
   .content.ready .pagesection