Absolutely positioned editors to improve layout update.

altair-graphql · Feb 21, 2018 · 8a12b12 · 8a12b12
1 parent 4ca30ed
commit 8a12b12
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/src/scss/components/_editor.scss b/src/scss/components/_editor.scss
@@ -1,4 +1,5 @@
 .query-editor-container {
+  position: relative;
   height: 100%;
   overflow: auto;
   background: $theme-bg-color;
@@ -8,6 +9,9 @@
   }
 }
 .query-editor__input {
+  position: absolute;
+  left: 0;
+  top: 0;
   height: 100%;
   width: 100%;
   font-size: 14px;
@@ -16,9 +20,19 @@
   resize: none;
 }
 
+.query-result__normal-container {
+  position: relative;
+  .app-query-result-textarea {
+    position: absolute;
+    top: 10px;
+    left: 0;
+    height: 100%;
+    width: 100%;
+  }
+}
 .query-result-container {
   height: 100%;
-  overflow: auto;
+  // overflow: auto;
   background: $theme-off-bg-color;
   border-radius: 4px;
   pre {