From 31be7d12b8c9b1a2ad163e65808a28656adfbb45 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Fri, 16 Dec 2016 13:57:57 +0100
Subject: add ability to scroll week selector away

---
 public/stylesheets/style.css | 21 +++++++++------------
 1 file changed, 9 insertions(+), 12 deletions(-)

(limited to 'public/stylesheets/style.css')

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index ab046ac..3ba1e4c 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -5,11 +5,6 @@
 html, body {
   margin: 0;
   font-family: 'Roboto', sans-serif;
-  display: flex;
-  -js-display: flex;
-  flex-direction: column;
-  width: 100vw;
-  height: 100vh;
 }
 
 .other {
@@ -23,9 +18,7 @@ html, body {
   background-color: #F44336;
   margin: 0 auto;
   width: 100%;
-  position: absolute;
-  /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
-  /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
+  position: fixed;
   box-shadow: 0 0.5px 1.5px rgba(0,0,0,0.06), 0 0.5px 1px rgba(0,0,0,0.12);
 }
 
@@ -128,10 +121,6 @@ li:hover {
 }
 
 #schedule {
-  flex-grow: 1;
-  width: 100vw;
-  border: 0;
-  padding: 0;
   overflow: auto;
 }
 
@@ -389,4 +378,12 @@ body.no-input #week-selector {
   justify-content: center;
   align-items: center;
   background-color: #ececec;
+}
+
+body.week-selector-not-visible #search {
+  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
+}
+
+body.week-selector-not-visible #week-selector {
+  box-shadow: inherit;
 }
\ No newline at end of file
-- 
cgit v1.1