From 26a00f0c97f3e599ba04390682fc5159b59fb617 Mon Sep 17 00:00:00 2001
From: ChenX <maple6@vip.qq.com>
Date: Mon, 29 Apr 2019 00:04:56 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E5=9B=9E=E5=BD=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/CommandInput/CommandInput.tsx  | 42 ++++++++++---------
 .../Components/commandLineInput/InputHint.tsx |  2 +-
 2 files changed, 24 insertions(+), 20 deletions(-)

diff --git a/src/UI/Components/CommandInput/CommandInput.tsx b/src/UI/Components/CommandInput/CommandInput.tsx
index ba0f69e27..a092dea86 100644
--- a/src/UI/Components/CommandInput/CommandInput.tsx
+++ b/src/UI/Components/CommandInput/CommandInput.tsx
@@ -19,25 +19,29 @@ export class CommandInput extends React.Component<Props, null>
         let store = this.props.commandStore;
         return (
             <div className="command-input-area" style={{ display: "flex" }}>
-                <div className="drag-area" data-id="dragArea" />
-                <Button
-                    icon="wrench"
-                    minimal={true}
-                    small={true}
-                />
-                <Button
-                    icon={true ? "maximize" : "minimize"}
-                    minimal={true}
-                    small={true}
-                />
-                <InputHint
-                    cmdList={store.cmdList}
-                    keyWordList={store.keyWordList}
-                    cmdPrompt={store.commandPrompt}
-                    handleInputCallback={store.HandleInput}
-                    historyCmdList={store.historyCmdList}
-                    commandStore={this.props.commandStore}
-                />
+                <div style={{ display: "flex", width: "100%", position: "relative" }}>
+                    <div className="drag-area" data-id="dragArea" />
+                    <Button
+                        icon="wrench"
+                        minimal={true}
+                        small={true}
+                    />
+                    <Button
+                        icon={true ? "maximize" : "minimize"}
+                        minimal={true}
+                        small={true}
+                    />
+                    <div style={{ position: "absolute", left: 60, bottom: 0, width: `calc( 100% - ${60}px)` }}>
+                        <InputHint
+                            cmdList={store.cmdList}
+                            keyWordList={store.keyWordList}
+                            cmdPrompt={store.commandPrompt}
+                            handleInputCallback={store.HandleInput}
+                            historyCmdList={store.historyCmdList}
+                            commandStore={this.props.commandStore}
+                        />
+                    </div>
+                </div>
                 <Icon icon="caret-up" onClick={this.props.ShowOutput} />
             </div>
         )
diff --git a/src/UI/Components/commandLineInput/InputHint.tsx b/src/UI/Components/commandLineInput/InputHint.tsx
index 427340481..78fa2d4d3 100644
--- a/src/UI/Components/commandLineInput/InputHint.tsx
+++ b/src/UI/Components/commandLineInput/InputHint.tsx
@@ -253,7 +253,7 @@ export class InputHint extends React.Component<InputHintProps, InputHitState>
     public render()
     {
         return (
-            <div id="input-hint" style={{ flex: "1" }}>
+            <div id="input-hint" >
                 <div className="input" style={{ display: "flex", alignItems: "center" }}>
                     <ul className="recommend-command">
                         {