Recreate new 2 column layout

KiiCorp · Dec 13, 2017 · 816c619 · 816c619
1 parent c147d30
commit 816c619
Show file tree

Hide file tree

Showing 2 changed files with 259 additions and 199 deletions.
diff --git a/client/app/assets/less/redash/query.less b/client/app/assets/less/redash/query.less
@@ -26,14 +26,16 @@ edit-in-place p.editable:hover {
 }
 
 .source-control {
-  position: relative;
-  min-height: 105px;
+
+}
+
+.page-header--query {
+  display: flex;
+  align-items: flex-end;
 }
 
 .btn--showhide {
-  position: absolute;
-  right: 0;
-  bottom: 5px;
+
 }
 
 .ace_editor.ace_autocomplete .ace_completion-highlight {
@@ -42,6 +44,29 @@ edit-in-place p.editable:hover {
   font-weight: 600;
 }
 
+.editor__left__query-metadata {
+  p {
+    &:last-of-type {
+      margin-bottom: 0px;
+    }
+  }
+
+  .editor__left__query-metadata__property {
+    width: 60px;
+    display: inline-block;
+  }
+
+  .editor__left__query-metadata__time {
+    float: right;
+  }
+}
+
+.editor__left__query-metadata--result {
+  .editor__left__query-metadata__property {
+    width: 100px;
+  }
+}
+
 .editor__control {
   .form-control {
     height: 30px;