From eaad70a7e49606297d7d582283d078459e499d5d Mon Sep 17 00:00:00 2001
From: redhoodsu <redhoodsu@tencent.com>
Date: Fri, 11 Oct 2019 16:31:56 +0800
Subject: [PATCH] fix(console): blank bottom if js input is disabled

---
 src/Console/Console.js   | 11 +++++++++--
 src/Console/Console.scss |  3 +++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/Console/Console.js b/src/Console/Console.js
index bbe4df1..db43527 100644
--- a/src/Console/Console.js
+++ b/src/Console/Console.js
@@ -91,9 +91,16 @@ export default class Console extends Tool {
     this._rmCfg()
   }
   _enableJsExecution(enabled) {
-    const $el = this._$el.find('.eruda-js-input')
+    const $el = this._$el
+    const $jsInput = $el.find('.eruda-js-input')
 
-    enabled ? $el.show() : $el.hide()
+    if (enabled) {
+      $jsInput.show()
+      $el.rmClass('eruda-js-input-hidden')
+    } else {
+      $jsInput.hide()
+      $el.addClass('eruda-js-input-hidden')
+    }
   }
   _registerListener() {
     this._scaleListener = scale => (this._scale = scale)
diff --git a/src/Console/Console.scss b/src/Console/Console.scss
index 73f2ed3..4807d4f 100644
--- a/src/Console/Console.scss
+++ b/src/Console/Console.scss
@@ -4,6 +4,9 @@
 .dev-tools {
   .tools {
     .console {
+      &.js-input-hidden {
+        padding-bottom: 0;
+      }
       .control {
         @include absolute(100%, 40px);
         cursor: default;