From 10e779b81e725d03a6118169667f8a677cbb7627 Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Fri, 7 Feb 2020 17:35:58 -0500
Subject: [PATCH] Use 100% height for the whole app

Makes it way easier to handle overflows in individual sections
---
 .storybook/preview-head.html | 12 ------------
 src/styles/_base.scss        |  7 +++++--
 2 files changed, 5 insertions(+), 14 deletions(-)

diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index 0fa2c41784..ce8c72590c 100644
--- a/.storybook/preview-head.html
+++ b/.storybook/preview-head.html
@@ -6,15 +6,3 @@
 		document.body.appendChild(script);
 	});
 </script>
-
-<!--
-
-	These custom styles are injected in the Storybook iframe. The default Directus styles remove the
-	padding from the body, which looks kinda janky in Storybook
-
--->
-<style>
-	#root {
-		height: 100%;
-	}
-</style>
diff --git a/src/styles/_base.scss b/src/styles/_base.scss
index a895a234d7..5f6e0efa19 100644
--- a/src/styles/_base.scss
+++ b/src/styles/_base.scss
@@ -17,7 +17,6 @@
 
 html {
   font-size: 15px;
-  height: 100%;
 }
 
 body {
@@ -30,13 +29,17 @@ body {
   text-rendering: optimizeLegibility;
   -moz-osx-font-smoothing: grayscale;
   background-color: var(--page-background-color);
-  height: 100%;
 
   &:not(.user-is-tabbing) * {
     outline: 0;
   }
 }
 
+html, body, #root {
+	height: 100%;
+	width: 100%;
+}
+
 input, textarea, [contenteditable], .selectable {
   user-select: text;
 }