From 3e6b377bb29c661b36329de5f18f69cb3ee6e01a Mon Sep 17 00:00:00 2001
From: piotrruss <mail@pruss.it>
Date: Sat, 2 Oct 2021 21:27:08 +0200
Subject: styling refactor, player audio mode

---
 styles/global.scss | 39 +++++++++++++++++----------------------
 1 file changed, 17 insertions(+), 22 deletions(-)

(limited to 'styles/global.scss')

diff --git a/styles/global.scss b/styles/global.scss
index 7fcdb41..0b63e98 100644
--- a/styles/global.scss
+++ b/styles/global.scss
@@ -2,31 +2,18 @@
 @import "global/themes";
 @import "global/window";
 
-main {
+html,
+body {
   position: fixed;
-  top: 2em;
-  left: 0;
-  bottom: 0;
+  top: 0;
   right: 0;
-
-  &.noHeader {
-    top: 0;
-  }
-}
-
-html {
-  position: fixed;
-  height: 100vh;
-  width: 100vw;
+  bottom: 0;
+  left: 0;
+  overflow: hidden;
+  overscroll-behavior-y: none;
 }
 
 body {
-  position: fixed;
-  height: 100vh;
-  width: 100vw;
-  overflow: hidden;
-  margin: 0;
-
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
     'Helvetica Neue', Arial, Noto Sans, sans-serif, 'Apple Color Emoji',
     'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
@@ -39,23 +26,31 @@ textarea, input {
 }
 
 .container {
+  height: 100%;
+  width: 100%;
+  flex-grow: 1;
   margin: 1.5rem auto;
   padding-left: 1rem;
   padding-right: 1rem;
+  overflow: hidden;
 }
 
 .fixed {
-  position: fixed;
+  position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
 }
 
-.hidden {
+.hide {
   display: none;
 }
 
+.noHeader {
+  height: 100%;
+}
+
 .mobile-only {
   display: none!important;
 
-- 
cgit v1.2.3