X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=static%2FTopologyComposer%2Fcss%2Fcomposer.css;h=119d2ea712633aa378f3eb1b10896ec204d42f5e;hb=refs%2Ftags%2Fbranch-bug1511-start;hp=818620e72df174ba3c5c6e91f4949c5291f07e9f;hpb=3218b2b802b040b6110780eb95cf84a9f3101505;p=osm%2FLW-UI.git

diff --git a/static/TopologyComposer/css/composer.css b/static/TopologyComposer/css/composer.css
index 818620e..119d2ea 100644
--- a/static/TopologyComposer/css/composer.css
+++ b/static/TopologyComposer/css/composer.css
@@ -1,3 +1,8 @@
+line {
+  stroke: rgb(212, 212, 212);
+  stroke-width: 1px;
+  shape-rendering: crispEdges;
+}
 
 .node_path {
     opacity: 1;
@@ -91,8 +96,8 @@
 #graph_editor_container {
     position: relative;
     min-height: 100vh;
-    border-right: 1px solid #AFAFAF;
-    border-left: 1px solid #AFAFAF;
+
+
     flex: 1 1 auto;
     display: flex;
     align-items: center;
@@ -127,15 +132,53 @@
 }
 
 #leftside {
+    border-right: 1px solid #AFAFAF;
     flex: 0 0 auto;
-    max-width: 500px;
-    min-width: 300px;
+    max-width: 300px;
+    min-width: 150px;
     padding: 20px 30px;
     display: flex;
     flex-direction: column;
 }
 
+#palette > .node {
+    margin-top: 10px;
+    font-size: 13px;
+    display: flex;
+    align-items: center;
+    cursor: move;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    background-color: whitesmoke;
+}
+
+#palette > .node:first-child {
+    margin-top: 0;
+}
+
+#palette > .node > .icon {
+    width: 20px;
+    height: 20px;
+    border-radius: 1px;
+    margin-right: 10px;
+}
+
+[draggable=true] {
+    -khtml-user-drag: element;
+    -webkit-user-drag: element;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+}
+#graph_svg {
+    max-width: 100%;
+    width: 100%;
+}
 #side {
+    border-left: 1px solid #AFAFAF;
     flex: 0 0 auto;
     max-width: 500px;
     min-width: 300px;
@@ -184,4 +227,8 @@
     padding-left: 0;
     font-weight: 500;
     text-align: right
+}
+
+.left-tool-bar-monitoring > .btn-default {
+    background-color: transparent!important;
 }
\ No newline at end of file