added json editor css

Change-Id: I0d1067face3b0d29808d80cb3cda5410553619d3
Issue-ID: CCSDK-804
Signed-off-by: sp00501638 <sp00501638@techmahindra.com>

diff --git a/cds-ui/client/src/styles.scss b/cds-ui/client/src/styles.scss
index 54eb746..c75748a 100644 (file)
--- a/cds-ui/client/src/styles.scss
+++ b/cds-ui/client/src/styles.scss
@@ -45,4 +45,28 @@ limitations under the License.
     min-width: 6em;
     border: none;
     cursor: initial;
-}
\ No newline at end of file
+}
+div.jsoneditor-outer {
+    position: static;
+    width: 100%;
+    height: 400px;
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    color:white;
+}
+div.jsoneditor-outer.has-main-menu-bar{
+background-color:#3f51b5;
+
+}
+div.jsoneditor-tree div.jsoneditor-tree-inner{
+    padding-bottom: 300px;
+    background-color: white;     
+}
+div.jsoneditor-treepath {
+    padding: 0 5px;
+    overflow: hidden;
+    white-space: nowrap;
+    outline: 0;
+    color:white;
+   }
\ No newline at end of file