>>> continue

dist/styles/sass.css

@@ -1159,7 +1159,7 @@ select.form-control {
   grid-template-columns: repeat(15, 1fr);
   grid-template-rows: 2% 7% 7% auto 1%;
   grid-gap: 10px;
-  height: calc(100vh - 137px);
+  height: calc(100vh - 0px);
   color: #0d1824;
 }
 

src/Gargantext/Components/Footer.purs

@@ -18,4 +18,6 @@ footer = R.createElement footerCpt
 footerCpt :: R.Component FooterProps
 footerCpt = here.component "footer" cpt where
   cpt { } _ = do
-    pure $ H.div { className: "container" } [ H.hr {}, H.footer {} [] ]
+    -- (?) as the footer is empty for now, just output nothing
+    -- pure $ H.div { className: "container" } [ H.hr {}, H.footer {} [] ]
+    pure mempty

src/Gargantext/Components/PhyloExplorer/Draw.js

@@ -341,7 +341,7 @@ function drawPhylo(branches, periods, groups, links, aLinks, bLinks, frame) {
 
   d3.select('#phyloIsoLine').style("background","#EBE4DD");
 
-  var div0 = d3.select('#phyloIsoLine').node().getBoundingClientRect(),
+  var div0 = getIsolineDOMElement(),
         m0 = {t:5,r:5,b:5,l:5},
         w0 = div0.width,
         h0 = div0.height;
@@ -364,6 +364,10 @@ function drawPhylo(branches, periods, groups, links, aLinks, bLinks, frame) {
           .thresholds(Math.round(branches.length / 2))
           (branches)
 
+  function getIsolineDOMElement() {
+    return d3.select('#phyloIsoLine').node().getBoundingClientRect();
+  }
+
   /* shadows and lights */
 
   svg0.append("g")
@@ -1166,12 +1170,13 @@ function drawPhylo(branches, periods, groups, links, aLinks, bLinks, frame) {
   }
 
   function peakOver (b,i) {
+      var el = getIsolineDOMElement();
       d3.select("#peak-" + i).classed("peak-focus",false);
       d3.select("#peak-" + i).classed("peak-over",true);
       label.text(b.label.replace(/"/g,''))
            .style("visibility", "visible")
-           .style("top", (yScale0(b.y) + div0.top  - 18) + "px")
-           .style("left",(xScale0(b.x1) + div0.left + 12) + "px");
+           .style("top", (yScale0(b.y) + el.top  - 18) + "px")
+           .style("left",(xScale0(b.x1) + el.left + 12) + "px");
       branchOver(b.bId);
   }
 

src/sass/_phylo.scss

-$height-screen-minus: 137px; // totally unworthy empirical value calculating the screen height taken by the topbar height and other main container element height (@TODO topbar height calculation, @TODO enhance "container" class element height management, @TODO provide route view content with no inner padding -> see "main-page__main-route" paddings")
-
 /* fonts */
 
 @font-face {
@@ -27,11 +25,7 @@ $height-screen-minus: 137px; // totally unworthy empirical value calculating the
   grid-template-columns: repeat(15, 1fr);
   grid-template-rows: 2% 7% 7% auto 1%;
   grid-gap: 10px;
-  // will stick the phylomemy height to the window screen height, as if it
-  // was a fullpage / unscrollable content
-  // main purpose is to avoid any browser scroll, this will ease D3 zoom event
-  // management
-  height: calc(100vh - #{ $height-screen-minus });
+  height: 100vh;
   color: #0d1824;
 }