#1257

fixed issue with logo height overflowing banner height

Author: temi

grails-app/assets/javascripts/base.js

@@ -6,4 +6,5 @@
 //= require jquery-ui/1.9.2/jquery-ui-1.9.2.custom.js
 //= require jquery.appear/jquery.appear.js
 //= require bootstrap/js/bootstrap.js
-//= require bootstrap-combobox/bootstrap-combobox.js
+//= require bootstrap-combobox/bootstrap-combobox.js
+//= require fieldcapture-application.js

grails-app/assets/javascripts/common.js

@@ -13,7 +13,6 @@
 //= require moment/moment.min.js
 //= require moment/moment-timezone-with-data.min.js
 //= require vkbeautyfy/vkbeautify.0.99.00.beta.js
-//= require fieldcapture-application.js
 //= require knockout-dates.js
 //= require knockout-custom-bindings.js
 //= require knockout-custom-extenders.js

grails-app/views/hub/configurableHubTemplate1.gsp

@@ -367,17 +367,17 @@ section#breadcrumb {
 #main-content #bannerHubOuter .logo {
   left: 80px;
   top: -25px;
-  max-width: 350px;
-  max-height: 300px;
+  width: 350px;
+  height: 300px;
   position: absolute;
   z-index: 5;
 }
 
 @media (max-width: 767px) {
     #main-content #bannerHubOuter .logo {
         left: 25px;
-        max-width: 250px;
-        max-height: 200px;
+        width: 250px;
+        height: 200px;
     }
 }
 

grails-app/views/shared/_bannerHub.gsp

@@ -2,7 +2,7 @@
     <div id="bannerHubOuter">
         <g:if test="${hubConfig.logoUrl}">
             <div class="logo">
-                <img src="${hubConfig.logoUrl}">
+                <img class="image-logo" src="${hubConfig.logoUrl}" onload="findLogoScalingClass(this)">
             </div>
         </g:if>