WEB-64

The left-side navigation bar now appear to be of the same height as the browser window's height. The bar's height also changes when the window is resized.
Testing is carried out in two recent versions of Firefox and Chrome.

Author: act-ive

src/main/webapp/css/main.css

@@ -156,7 +156,6 @@ img {
 }
 
 #leftside-navigation {
-  height:400px;
   overflow-y:scroll;
   overflow-x:hidden;
 }

src/main/webapp/js/application.js

@@ -8,6 +8,10 @@ var app = function() {
         // menu is handled by angular
         //menu();
         togglePanel();
+        sideBarLeftInit();
+        window.onresize = function(){
+            sideBarLeftInit();    
+        }
         closePanel();        
     };
 
@@ -203,6 +207,9 @@ var app = function() {
         $('.slider-span').slider()
     };
 
+    var sideBarLeftInit = function(){
+        $("#leftside-navigation").css("height", (window.innerHeight-80)+"px");
+    };
 
     //return functions
     return {
@@ -211,9 +218,10 @@ var app = function() {
         map: map,
         sliders: sliders,
         weather: weather,
-        morrisPie: morrisPie
-
+        morrisPie: morrisPie,
+        sideBarLeftInit:sideBarLeftInit
     };
+    
+    
 }();
 
-