Height fix js function added and used on the report/around page for the sidebar

Signed-off-by: Josh Angell <josh@supercooldesign.co.uk>

2 files changed, 15 insertions, 0 deletions

diff --git a/web/js/fixmystreet.js b/web/js/fixmystreet.js
index 1ebff1f4c..86fac3fcb 100644
--- a/web/js/fixmystreet.js
+++ b/web/js/fixmystreet.js
@@ -30,6 +30,18 @@ function form_category_onchange() {
     });
 }
 
+
+function heightFix(elem1, elem2, offset){
+    var h1 = $(elem1).height(),
+        h2 = $(elem2).height();
+    if(offset === undefined){
+        offset = 0;
+    }
+    if(h1 > h2){
+        $(elem2).css({'min-height':h1+offset});
+    }
+}
+
 $(function(){
     if(Modernizr.mq('only screen and (max-width:48em)')) {
         $('html').addClass('mobile');
@@ -199,6 +211,7 @@ $(function(){
     //desktop
     if($('#report-a-poblem-sidebar:visible').length > 0){
         $('.content[role=main]').addClass('report-a-poblem-page');
+        heightFix('#report-a-poblem-sidebar:visible', '.content.report-a-poblem-page', 26);
     }
     //hide on mobile
     $('.mobile #report-a-poblem-sidebar').hide();
diff --git a/web/js/map-OpenLayers.js b/web/js/map-OpenLayers.js
index 14c00efb3..02392360b 100644
--- a/web/js/map-OpenLayers.js
+++ b/web/js/map-OpenLayers.js
@@ -217,6 +217,7 @@ $(function(){
         $('#side').show();
         $('#sub_map_links').show();
         $('.content[role=main]').addClass('report-a-poblem-page');
+        heightFix('#report-a-poblem-sidebar:visible', '.content.report-a-poblem-page', 26);
         fixmystreet.page = 'around';
     });
 
@@ -373,6 +374,7 @@ OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {
         $('#side').hide();
         $('#sub_map_links').hide();
         $('.content[role=main]').addClass('report-a-poblem-page');
+        heightFix('#report-a-poblem-sidebar:visible', '.content.report-a-poblem-page', 26);
         fixmystreet.page = 'new';
         location.hash = 'report';
     }