From 8a3a21bba1e6706295cc22e1b3a876a7a86cb705 Mon Sep 17 00:00:00 2001
From: Maximilian Hils <git@maximilianhils.com>
Date: Thu, 21 Jul 2016 01:14:55 -0700
Subject: web: fix ValueEditor, clean up code

---
 web/src/css/codemirror.less | 10 ++++------
 web/src/css/flowdetail.less | 18 ++++++++++++------
 web/src/css/flowview.less   |  5 +++--
 3 files changed, 19 insertions(+), 14 deletions(-)

(limited to 'web/src/css')

diff --git a/web/src/css/codemirror.less b/web/src/css/codemirror.less
index 6504db50..f88ea8b1 100644
--- a/web/src/css/codemirror.less
+++ b/web/src/css/codemirror.less
@@ -1,9 +1,7 @@
-.ReactCodeMirror {
-	border: 1px solid #ccc;
-}
-
-.CodeMirror{
+.CodeMirror {
+    border: 1px solid #ccc;
     height: auto !important;
-    max-height: 1000px !important;
+    max-height: 2048px !important;
 }
+
 @import (inline) "../../node_modules/codemirror/lib/codemirror.css";
diff --git a/web/src/css/flowdetail.less b/web/src/css/flowdetail.less
index 43078eff..35857729 100644
--- a/web/src/css/flowdetail.less
+++ b/web/src/css/flowdetail.less
@@ -26,14 +26,14 @@
         word-break: break-all;
         max-height: 100px;
         overflow-y: auto;
+
+        .inline-input.editable {
+            border-color: rgba(255,255,255,0.5);
+        }
     }
     .request-line {
         margin-bottom: 2px;
     }
-    /*.request .response-line,
-    .response .request-line {
-        opacity: 0.7;
-    }*/
 
     hr {
         margin: 0 0 5px;
@@ -42,8 +42,14 @@
 }
 
 .inline-input {
-    margin: 0 -5px;
-    padding: 0 5px;
+    display: inline;
+    margin: 0 -3px;
+    padding: 0 3px;
+
+    border: solid transparent 1px;
+    &.editable {
+        border-color: #ccc;
+    }
 
     &[contenteditable] {
 
diff --git a/web/src/css/flowview.less b/web/src/css/flowview.less
index 419739a4..1827db5c 100644
--- a/web/src/css/flowview.less
+++ b/web/src/css/flowview.less
@@ -13,15 +13,16 @@
 }
 
 .edit-flow  {
+    cursor: pointer;
     position: absolute;
-    right: 0px;
+    right: 0;
     top: 5px;
     height: 40px;
     width: 40px;
     border-radius: 20px;
     z-index: 10000;
 
-    background-color: white;
+    background-color: rgba(255, 255, 255, 0.7);
     border: solid 2px rgba(248, 145, 59, 0.7);
 
     text-align: center;
-- 
cgit v1.2.3