rename leftcolumn => sidecolumn + remove its custom css from...

rename leftcolumn => sidecolumn + remove its custom css from templates/graphExplorer/explorer.html to just set the width setting via settings_explorer sidecolumnSize param

static/lib/graphExplorer/example_start_explorer.html

@@ -256,7 +256,7 @@
 	    </div>
 
 	    <!-- Sidebar -->
-	    <div id="leftcolumn">
+	    <div id="sidecolumn">
           <div style="text-align: center;">
               <a href="http://www.cnrs.fr" target="_blank"><img width="40%"  src="https://www.ipmc.cnrs.fr/~duprat/comm/images/logo_cnrs_transparent.gif"></a>
           </div>

static/lib/graphExplorer/libs/css2/sidebar.css

@@ -21,7 +21,7 @@ box-shadow: 0px 0px 3px 0px #888888;
 }*/
 
 
-#leftcolumn {
+#sidecolumn {
   overflow-y: scroll;
   padding-bottom: 10px;
   padding-left: 5px;

static/lib/graphExplorer/settings_explorerjs.js

@@ -32,8 +32,8 @@ var mainfile = ["db.json"];
 
 var tagcloud_limit = 50;
 
-// for the css of leftcolumn and canvasLimits size
-var sidecolumnSize = "24em"
+// for the css of sidecolumn and canvasLimits size
+var sidecolumnSize = "20%"
 
 var current_url = window.location.origin+window.location.pathname+window.location.search
 getUrlParam.file = current_url.replace(/projects/g, "api/projects")

static/lib/graphExplorer/tinawebJS/Tinaweb.js

@@ -27,7 +27,7 @@
 function sigmaLimits( canvasdiv ) {
     console.log('FUN t.TinawebJS:sigmaLimits') ;
     var canvas = document.getElementById(canvasdiv) ;
-    var sidecolumn = document.getElementById('leftcolumn') ;
+    var sidecolumn = document.getElementById('sidecolumn') ;
     var ancho_total = window.innerWidth - sidecolumn.offsetWidth ;
     var alto_total =  window.innerHeight - sidecolumn.offsetTop ;
 
@@ -549,8 +549,8 @@ TinaWebJS = function ( sigmacanvas ) {
 
         //  ===  un/hide leftpanel  === //
         $("#aUnfold").click(function(e) {
-            //SHOW leftcolumn
-            sidebar = $("#leftcolumn");
+            //SHOW sidecolumn
+            sidebar = $("#sidecolumn");
             fullwidth=$('#fixedtop').width();
             e.preventDefault();
             // $("#wrapper").toggleClass("active");
@@ -574,7 +574,7 @@ TinaWebJS = function ( sigmacanvas ) {
                 }, 400);
             }
             else {
-                //HIDE leftcolumn
+                //HIDE sidecolumn
                 $("#aUnfold").attr("class","leftarrow");
                 sidebar.animate({
                     "right" : "-" + sidebar.width() + "px"

static/lib/graphExplorer/tinawebJS/main.js

@@ -358,7 +358,7 @@ function MainFunction( RES ) {
     }, fa2seconds*1000);
 
     // apply width from settings on left column
-    document.getElementById('leftcolumn').style.width = sidecolumnSize ;
+    document.getElementById('sidecolumn').style.width = sidecolumnSize ;
 
 }
 

templates/graphExplorer/explorer.html

@@ -12,12 +12,6 @@
 
     <style>
 
-      #leftcolumn {
-        font-size: 10px;
-        width:20%;
-        overflow: auto;
-      }
-
       #ctlzoom {
         width:7%;
       }
@@ -247,7 +241,7 @@
       </div>
 
       <!-- Sidebar -->
-      <div id="leftcolumn">
+      <div id="sidecolumn">
         <div id="tips"></div>
         <div id="names"></div>
         <div id="ngrams_actions"></div>