client: highlight user selected nodes (aka root selection); Fixes #341

2 files changed, 32 insertions, 11 deletions

diff --git a/res/client/css/by-view/graph-view.scss b/res/client/css/by-view/graph-view.scss
index aad43167..f7729906 100644
--- a/res/client/css/by-view/graph-view.scss
+++ b/res/client/css/by-view/graph-view.scss
@@ -148,6 +148,20 @@
   -webkit-filter: blur(10px);
 }
 
+.node.first-selected .circle {
+    stroke: $yellow;
+    stroke-opacity: 1;
+    stroke-width: 3px;
+    z-index: 1;
+}
+
+.node.root-selected .circle {
+    stroke: $cyan;
+    stroke-opacity: 1;
+    stroke-width: 2px;
+    z-index: 1;
+}
+
 .graph.link.temp_and {
   stroke-dasharray: 3,3;
 }
@@ -157,7 +171,7 @@
   stroke: $cyan;
   stroke-opacity: 0.5;
   stroke-width: 2px;
-  z-index:1;
+  z-index: 1;
 }
 
 .link.enter, .link.exit, .link.selected {
@@ -165,7 +179,7 @@
   stroke: $cyan;
   stroke-opacity: 0.5;
   stroke-width: 2px;
-  z-index:1;
+  z-index: 1;
 }
 
 #editbox input{
diff --git a/res/client/css/style.css b/res/client/css/style.css
index a6e3555e..efc0d8b5 100644
--- a/res/client/css/style.css
+++ b/res/client/css/style.css
@@ -49,9 +49,6 @@ a:hover {
 a:active {
   color: #919095; }
 
-button {
-  border: none; }
-
 input {
   background-color: white;
   color: #363636;
@@ -370,7 +367,7 @@ body.debug .debug-ui-right {
   border-top: 6px solid #363636; }
 
 .info.type-project {
-  border-top: 6px solid #40C200; }
+  border-top: 6px solid #40c200; }
 
 .info .info-card-attr {
   display: block;
@@ -517,8 +514,8 @@ body.debug .debug-ui-right {
   width: 100%;
   min-height: 48px;
   text-align: center;
-  background-color: #D3F2F8;
-  color: #1D6E7F;
+  background-color: #d3f2f8;
+  color: #1d6e7f;
   border-top: 1px solid #8eb6bf;
   border-bottom: 1px solid #8eb6bf; }
 
@@ -785,7 +782,7 @@ p {
   fill: #8b3ab0; }
 
 .circle.project {
-  fill: #40C200; }
+  fill: #40c200; }
 
 .circle.third-internship-proposal {
   fill: #33c2e0; }
@@ -804,6 +801,18 @@ p {
   opacity: 0.2;
   -webkit-filter: blur(10px); }
 
+.node.first-selected .circle {
+  stroke: #fad900;
+  stroke-opacity: 1;
+  stroke-width: 3px;
+  z-index: 1; }
+
+.node.root-selected .circle {
+  stroke: #33c2e0;
+  stroke-opacity: 1;
+  stroke-width: 2px;
+  z-index: 1; }
+
 .graph.link.temp_and {
   stroke-dasharray: 3,3; }
 
@@ -1090,5 +1099,3 @@ p {
 
 svg text::selection {
   background: none; }
-
-/*# sourceMappingURL=style.css.map */