From 5b4cc6e9dcd9acf1a9fb8723755ae8af6c11a30d Mon Sep 17 00:00:00 2001
From: Barry Chen <chenba@gmail.com>
Date: Fri, 1 Dec 2017 15:11:48 -0600
Subject: [PATCH] Remove browser vertical scrollbar in edit view. (#3863)

---
 static/css/frame.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/static/css/frame.scss b/static/css/frame.scss
index 8ea9991449..4326d9809d 100644
--- a/static/css/frame.scss
+++ b/static/css/frame.scss
@@ -380,10 +380,10 @@ body {
 .main-container {
   z-index: 9990;
   position: absolute;
-  top: $grid-unit * 2;
+  top: $grid-unit * 5; // match editor-header's height
   overflow: auto;
   left: 0;
-  height: 100%;
+  height: calc(100% - #{$grid-unit * 5}); // subtract the `top` so there's no vertical scrollbar
   width: 100%;
   text-align: center;
 
@@ -414,7 +414,7 @@ body {
 
 .centered {
   position: absolute;
-  top: $grid-unit * 4;
+  top: $grid-unit;
   left: 0;
   right: 0;
   margin: auto;