wip: 2.5d effectPOC_2.5d

1 files changed, 20 insertions, 26 deletions

diff --git a/res/client/css/by-view/graph-view.scss b/res/client/css/by-view/graph-view.scss
index fa385214..42b2fe08 100644
--- a/res/client/css/by-view/graph-view.scss
+++ b/res/client/css/by-view/graph-view.scss
@@ -32,29 +32,30 @@
   z-index: 100;
   pointer-events:all;
   fill: $dark-grey;
+  transform: matrix(1.956, 0.267, -1.467, 2.400,0,0);
+  transform-origin: 0 0;
 }
 
-.circle:hover {
-    stroke: $orange;
-    stroke-opacity: 1;
-    stroke-width: 5px;
-    opacity: 1;
+.nodetext {
+  fill: $dark-grey;
+  font-size: $h3-size;
+  z-index:3;
+}
+
+.linklabel{
+  font-size: $h4-size;
+  fill: black;
+  stroke: transparent;
+  text-shadow: 2px 2px yellow;
 }
 
-// [!] identical to :hover, used by activity
-.circle.hovering {
+.circle:hover {
     stroke: $orange;
     stroke-opacity: 1;
     stroke-width: 5px;
     opacity: 1;
 }
 
-.nodetext {
-  fill: $dark-grey;
-  font-size: $h3-size;
-  z-index:3;
-}
-
 // editor for node text
 .svg-input-fo-node {
   fill: $dark-grey;
@@ -102,13 +103,6 @@
   }
 }
 
-.linklabel{
-  font-size: $h4-size;
-  fill: black;
-  stroke: transparent;
-  text-shadow: 2px 2px yellow;
-}
-
 .ghostlink {
   opacity: 0.0;
   fill: white;
@@ -304,15 +298,15 @@ g:focus circle {
 }
 
 .activity-root-div {
-  position: absolute;
-  width: 100%; 
-  max-height: 400px;
-  background: white;
-  overflow: auto;
+    position: fixed;
+    left: 10px;
+    width: 200px;
+    height: 70%;
+    top: 20%;
 }
 
 .activity-div {
-	border: 1px solid $light-grey;
+	border: 1px solid $blue;
 }
 
 .activity-div:hover {