have run/stop button show over terminal when expande

klamping · Oct 24, 2018 · 5d99760 · 5d99760
1 parent 5d877ae
commit 5d99760
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 9 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "chester-desktop",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "author": "Kevin Lamping <klamping@gmail.com>",
   "description": "A desktop helper app for running WebdriverIO tests",
   "license": null,

diff --git a/src/renderer/components/Project.vue b/src/renderer/components/Project.vue
@@ -13,13 +13,6 @@
             </h1>
             <EditProject />
           </div>
-
-          <div class="run-buttons" v-if="configsLoaded">
-            <Tooltip placement="bottom" content="(Ctrl+r)">
-              <Button v-on:click="runTest" type="success" v-bind:disabled="testRunning">Run Tests</Button>
-            </Tooltip>
-            <Button v-on:click="stopTest" type="success" v-bind:disabled="!testRunning">Stop Tests</Button>
-          </div>
         </Header>
         <Content class="project-content">
           <div class="aux-content">
@@ -62,6 +55,12 @@
           </Form>
         </Content>
       </Layout>
+      <div class="run-buttons" v-if="configsLoaded">
+        <Tooltip placement="bottom" content="(Ctrl+r)">
+          <Button v-on:click="runTest" type="success" v-bind:disabled="testRunning">Run Tests</Button>
+        </Tooltip>
+        <Button v-on:click="stopTest" type="success" v-bind:disabled="!testRunning">Stop Tests</Button>
+      </div>
       <Term></Term>
     </template>
   </div>
@@ -94,6 +93,12 @@
   .project-header .project-info .ivu-btn {
     margin-left: 1rem;
   }
+  .run-buttons {
+    position: absolute;
+    z-index: 10;
+    top: 18px;
+    right: 10px;
+  }
   .project-content {
     display: flex;
     overflow: hidden;

diff --git a/src/renderer/components/Term.vue b/src/renderer/components/Term.vue
@@ -146,13 +146,16 @@
   .clear-logs.ivu-btn {
     position: absolute;
     top: 1em;
-    right: 5px;
+    right: 10px;
     z-index: 20;
     opacity: .5;
     background: #555;
     color: #fff;
     transition: all 0.25s ease-in-out;
   }
+  .terminal-container.expanded .clear-logs.ivu-btn {
+    top: 55px;
+  }
   .clear-logs.ivu-btn:hover,
   .clear-logs.ivu-btn:focus {
     opacity: 1;