From 7f50810870597eb613cf948ed4b7c7d83e9b0ecf Mon Sep 17 00:00:00 2001
From: Douglas Muraoka <douglas.muraoka@gmail.com>
Date: Mon, 15 Jul 2019 18:24:32 -0300
Subject: [PATCH] fix: GraphQL console headers menu not visible

---
 src/dashboard/Data/ApiConsole/ApiConsole.scss | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/dashboard/Data/ApiConsole/ApiConsole.scss b/src/dashboard/Data/ApiConsole/ApiConsole.scss
index b5d307c936..8c838b0928 100644
--- a/src/dashboard/Data/ApiConsole/ApiConsole.scss
+++ b/src/dashboard/Data/ApiConsole/ApiConsole.scss
@@ -23,8 +23,20 @@
 
 .content {
   position: relative;
-  min-height: 100vh;
-  padding-top: 96px;
+  height: calc(100vh - 96px);
+  margin-top: 96px;
+
+  // Workaround to override graphql-playground-react
+  // animations and query editor height
+  & > div > div {
+    opacity: 1;
+    transform: unset;
+    animation: unset;
+
+    & > div > :nth-child(2){
+      height: calc(100vh - 153px);
+    }
+  }
 }
 
 .empty {