[Merge]

dist/styles/Graph.css

@@ -12,7 +12,7 @@
   max-width: 200px;
 }
 #graph-explorer #toggle-container {
-  position: absolute;
+  position: fixed;
   z-index: 999;
   right: 25%;
   top: 10px;
@@ -22,7 +22,7 @@
   padding-top: 90px;
 }
 #graph-explorer #controls-container {
-  position: absolute;
+  position: fixed;
   z-index: 999;
   backdrop-filter: blur(4px);
   background: rgba(255, 255, 255, 0.75);

dist/styles/Graph.sass

@@ -19,7 +19,7 @@
         max-width: 200px
 
   #toggle-container
-    position: absolute
+    position: fixed
     z-index: 999 // needs to appear above solid menu bar
     right: 25%
     top: 10px
@@ -28,7 +28,7 @@
       padding-top: 90px
 
   #controls-container
-    position: absolute
+    position: fixed
     z-index: 999 // needs to appear above graph elements
     backdrop-filter: blur(4px)
     background: rgba(255,255,255,75%)

package.json

 {
     "name": "Gargantext",
-    "version": "0.0.1.8.2",
+    "version": "0.0.1.8.3",
     "scripts": {
         "rebase-set": "spago package-set-upgrade && spago psc-package-insdhall",
         "rebuild-set": "spago psc-package-insdhall",

src/Gargantext/Hooks/Sigmax/Sigma.js

@@ -194,10 +194,14 @@ function takeScreenshot(sigma) {
   let c = sigma.renderers[0].container;
   let edges = c.getElementsByClassName('sigma-edges')[0];
   let scene = c.getElementsByClassName('sigma-scene')[0];
-  let sceneCtx = scene.getContext('2d');
-  sceneCtx.globalAlpha = 1;
-  sceneCtx.drawImage(edges, 0, 0);
-  return scene.toDataURL('image/png');
+  // let sceneCtx = scene.getContext('2d');
+  // sceneCtx.globalAlpha = 1;
+  // sceneCtx.drawImage(edges, 0, 0);
+  // return scene.toDataURL('image/png');
+  let edgesCtx = edges.getContext('2d');
+  edgesCtx.globalAlpha = 1;
+  edgesCtx.drawImage(scene, 0, 0);
+  return edges.toDataURL('image/png');
 }
 
 function getEdges(sigma) {