#1257

4.8.9-SNAPSHOT
height of banner is fixed to a minimum height
hid banner text on lower resolution screens
increased logo height and width on larger screen
reduced logo on smaller phone
increased footer logo padding to 15px
project finder facet list is in black
footer menu item text colour is now footer text colour setting of hub config

Author: temi

Diff for: application.properties

@@ -2,4 +2,4 @@
 #Sat Nov 03 13:30:44 AEDT 2018
 app.grails.version=2.5.6
 app.name=biocollect
-app.version=4.8.8
+app.version=4.8.9-SNAPSHOT

Diff for: grails-app/assets/stylesheets/project-finder.css

@@ -123,7 +123,6 @@ input[type=checkbox] {
 
 
 #pt-selectors label {
-    color: #C44D34;
     font-weight: 200;
 }
 

Diff for: grails-app/views/hub/configurableHubTemplate1.gsp

@@ -367,11 +367,20 @@ section#breadcrumb {
 #main-content #bannerHubOuter .logo {
   left: 80px;
   top: -25px;
-  max-width: 250px;
-  max-height: 250px;
+  max-width: 350px;
+  max-height: 300px;
   position: absolute;
   z-index: 5;
 }
+
+@media (max-width: 767px) {
+    #main-content #bannerHubOuter .logo {
+        left: 25px;
+        max-width: 250px;
+        max-height: 200px;
+    }
+}
+
 #main-content #pt-search {
   Min-width: 150px;
   Max-width: 300px;
@@ -712,6 +721,11 @@ section#breadcrumb {
   color: ${footertextcolor};
   text-decoration: none;
 }
+
+#custom-footer .navbar-inverse .nav > li {
+  color: ${footertextcolor};
+}
+
 #custom-footer .navbar-inverse .nav > li > a:hover {
   text-decoration: underline;
 }
@@ -752,8 +766,7 @@ section#breadcrumb {
 }
 
 #custom-footer #alaLink.brand {
-  margin-top:10px;
-  margin-right: 10px;
+  margin: 15px;
   display: inline-block;
 }
 
@@ -764,8 +777,7 @@ section#breadcrumb {
 #custom-footer .footer-logo {
   max-height: 100px;
   max-width: 200px;
-  margin-right:10px;
-  margin-top: 10px;
+  margin: 15px;
   vertical-align: top;
 }
 

Diff for: grails-app/views/layouts/configurableHubTemplate1.gsp

@@ -233,24 +233,26 @@
                     </div><!--/.spanX -->
                     <div class="pull-right">
                         <div class="row-fluid text-right">
-                            <g:each in="${hubConfig.templateConfiguration?.footer?.logos}" var="logo">
-                                <g:if test="${logo.href}">
-                                    <a href="${logo.href}" title="Link to website" target="_blank">
+                            <div class="span12">
+                                <g:each in="${hubConfig.templateConfiguration?.footer?.logos}" var="logo">
+                                    <g:if test="${logo.href}">
+                                        <a href="${logo.href}" title="Link to website" target="_blank" class="do-not-mark-external">
+                                            <img class="footer-logo" src="${logo.url}" alt="Website logo"/>
+                                        </a>
+                                    </g:if>
+                                    <g:else>
                                         <img class="footer-logo" src="${logo.url}" alt="Website logo"/>
-                                    </a>
-                                </g:if>
-                                <g:else>
-                                    <img class="footer-logo" src="${logo.url}" alt="Website logo"/>
-                                </g:else>
-                            </g:each>
-                            <a class="brand text-left" href="http://ala.org.au/" id="alaLink" title="ALA home page">
-                                <img src="${asset.assetPath(src:'mdba/ALA-logo-BW-124x109.png')}" alt="Powered by ALA logo"
-                                     class="headerLogo"/>
-                                <div id="alaHeadingText"><div id="poweredBy">powered by</div>
-                                    <div id="alaBy" class="visible-desktop">Atlas of Living Australia</div>
-                                    <div class="hidden-desktop">ALA</div>
-                                </div>
-                            </a>
+                                    </g:else>
+                                </g:each>
+                                <a class="brand text-left" href="http://ala.org.au/" id="alaLink" title="ALA home page">
+                                    <img src="${asset.assetPath(src:'mdba/ALA-logo-BW-124x109.png')}" alt="Powered by ALA logo"
+                                         class="headerLogo"/>
+                                    <div id="alaHeadingText"><div id="poweredBy">powered by</div>
+                                        <div id="alaBy" class="visible-desktop">Atlas of Living Australia</div>
+                                        <div class="hidden-desktop">ALA</div>
+                                    </div>
+                                </a>
+                            </div>
                         </div>
                     </div>
                 </div>

Diff for: grails-app/views/shared/_bannerHub.gsp

@@ -12,9 +12,10 @@
                     <g:set var="images" value="${hubConfig.templateConfiguration.banner.images}"></g:set>
                     <g:each var="image" in="${images}" status="index">
                         <div class="item ${index ==0? 'active' :''}">
-                            <img src="${image.url}">
+                            <div class="" style="background: url(${image.url}) no-repeat center top; max-height: 500px; min-height: 300px; background-size: cover;">
+                            </div>
                             <g:if test="${image.caption}">
-                                <div class="carousel-caption">
+                                <div class="carousel-caption hidden-phone">
                                     <p>${image.caption}</p>
                                 </div>
                             </g:if>