From 72d5c77d2b75f75e178eeb53328022e14834fe14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9my=20HUBSCHER?= <rhubscher@mozilla.com>
Date: Mon, 22 Jan 2018 17:14:27 +0100
Subject: [PATCH] Use 100vh so that the footer doesn't bounce. via @johngruen

---
 src/sidebar/styles.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/sidebar/styles.css b/src/sidebar/styles.css
index cf7fdc46e..8b9bdc7be 100644
--- a/src/sidebar/styles.css
+++ b/src/sidebar/styles.css
@@ -1,5 +1,5 @@
 html {
-  height: 100%;
+  height: 100vh;
   font-family: sans-serif;
   line-height: 1.2em;
   overflow: hidden;
@@ -10,7 +10,7 @@ html {
 body, body .ck-editor {
   display: flex;
   flex-direction: column;
-  height: 100%;
+  height: 100vh;
   margin: 0;
   overflow: hidden;
   padding: 0;
@@ -32,7 +32,7 @@ body .ck-editor__main {
   flex: auto;
   font-size: 14px;
   flex-direction: column;
-  height: 100%;
+  height: 100vh;
   overflow: hidden;
 }
 
@@ -40,7 +40,7 @@ body .ck-editor__main {
 body .ck-editor .ck-editor__editable {
   flex: auto;
   flex-direction: column;
-  height: 100%;
+  height: 100vh;
   border: 0;
   box-shadow: none;
   cursor: text;
@@ -74,7 +74,7 @@ List indents end
  */
 
 div#loading {
-  height: 100%;
+  height: 100vh;
   width: 100%;
   position: absolute;
   top: 0;