From 29cfbed1c7d3e032913aadfd3a85870fda252701 Mon Sep 17 00:00:00 2001
From: Terran McCanna <tmccanna@georgialibraries.org>
Date: Thu, 22 Jan 2015 12:29:09 -0500
Subject: [PATCH] Header and Footer display changes to improve the way they
 display on mobile devices and smaller-width windows.

Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>
---
 Open-ILS/src/templates/opac/css/style.css.tt2      | 23 +++++++++++++++------
 Open-ILS/src/templates/opac/parts/footer.tt2       | 24 ++++++++++++++++++++++
 Open-ILS/src/templates/opac/parts/topnav_links.tt2 |  6 ++++--
 3 files changed, 45 insertions(+), 8 deletions(-)

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index b37cae1153..5218014639 100644
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -175,15 +175,14 @@ for now until a better color is picked - if needed.
     font-size: [% css_fonts.size_base %];
     font-weight: bold;
     position: relative;
-    top:4px;
-    
+    top:4px;    
 }
 
 #header-links a {
     color: [% css_colors.text_invert %];
     display: block;
     float:left;
-    margin-right:22px;
+    padding-right:3em;
     text-decoration: none;
 }
 
@@ -213,8 +212,6 @@ for now until a better color is picked - if needed.
 }
 
 #gold-links {
-    margin-left: 1em;
-    padding-left:0px;
 }
 
 #gold-links-home {
@@ -223,7 +220,11 @@ for now until a better color is picked - if needed.
 }
 
 #gold-links-holder {
-    height: 42px;
+    background: [% css_colors.background_invert %];
+	height: 45px;
+}
+
+#gold-links-holder a {
     background: [% css_colors.background_invert %];
 }
 
@@ -1157,6 +1158,10 @@ div#facet_sidebar {
     text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
 }
 
+#footer-menu-slim {
+	display:none;
+}
+
 #copyright_text, #footer_logo {
     color: [% css_colors.text_invert %];
 }
@@ -1828,6 +1833,12 @@ a.preflib_change {
     #gold-links-holder {
         display: none;
     }
+	#footer-menu-wrapper {
+	    display: none;
+	}
+	#footer-menu-slim {
+	    display: block;
+	}
     #simple-detail-view-links {
         display: none;
     }
diff --git a/Open-ILS/src/templates/opac/parts/footer.tt2 b/Open-ILS/src/templates/opac/parts/footer.tt2
index 49d19a86d8..5598f35e88 100644
--- a/Open-ILS/src/templates/opac/parts/footer.tt2
+++ b/Open-ILS/src/templates/opac/parts/footer.tt2
@@ -1,5 +1,6 @@
 <div id="footer-wrap">
 <div id="footer">
+<div id="footer-menu-wrapper">
     <!-- <a href="/eg/opac/home">[% l("Home") %]</a> &nbsp;|&nbsp; -->
     [% IF ctx.get_org_setting(
         ctx.physical_loc || ctx.aou_tree.id, 'opac.allow_pending_user') %]
@@ -15,6 +16,29 @@
     <!-- <a href="/">[% l('Dynamic catalog') -%]</a> &nbsp;|&nbsp; -->
     <!-- [% gurl = mkurl(ctx.opac_root _ '/galileo', {}, 1) %]
     <a href="[% gurl %]"> [% l('GALILEO') %] </a> -->
+</div>
+<div id="footer-menu-slim">
+    <a href="/eg/opac/home">[% l("Home") %]</a><br/>
+	<a href="http://www.georgialibraries.org/lib/directories/pineslibdir.html">
+	    [% l('Library Locations') %]</a><br/>
+    <a href="/eg/kpac/home">
+	    [% l("Kids' Catalog") %]</a><br/>
+    [% IF ctx.get_org_setting(
+        ctx.physical_loc || ctx.aou_tree.id, 'opac.allow_pending_user') %]
+    <a href="[% mkurl(ctx.opac_root _ '/register') %]">
+	    [% l('Apply for a PINES Library Card') %]</a><br/>
+    [% END %]   
+    <a href="http://gapines.org/eg/opac/galileo">
+		[% l('GALILEO Research Databases') %]</a><br/>
+	<a href="http://pines.georgialibraries.org/about">
+	    [%- l('Learn More About PINES') %]</a><br/>
+    <a href="http://pines.georgialibraries.org/catalog-help">
+		[% l('Help') %]</a> 	
+		
+	<hr style="margin-top:20px;">
+</div>	
+	
+	
     [% IF ctx.timing %]
     <div id="timing">
         [% FOR event IN ctx.timing %]
diff --git a/Open-ILS/src/templates/opac/parts/topnav_links.tt2 b/Open-ILS/src/templates/opac/parts/topnav_links.tt2
index 4fa278c1e3..c269f66d09 100644
--- a/Open-ILS/src/templates/opac/parts/topnav_links.tt2
+++ b/Open-ILS/src/templates/opac/parts/topnav_links.tt2
@@ -13,10 +13,10 @@
 	-->
 	<a href="http://www.georgialibraries.org/lib/directories/pineslibdir.html">
 	    <img alt="[% l('Library Locations') %]" src="[% ctx.media_prefix %]/images/navbar-findalibrary.png" />
-		[% l('Library Locations') %] &nbsp; &nbsp;</a>
+		[% l('Library Locations') %]</a>
 	<a href="/eg/kpac/home">
 	    <img alt="[% l('Kids Catalog') %]" src="[% ctx.media_prefix %]/images/navbar-kids.png" />
-		[% l("Kids' Catalog") %] &nbsp; &nbsp; </a> 
+		[% l("Kids' Catalog") %]</a> 
     <!-- <a href="http://pines.georgialibraries.org/about">[% l('About PINES') %]</a> -->
    	<a href="http://gapines.org/eg/opac/galileo">
 	    <img alt="[% l('GALILEO') %]" src="[% ctx.media_prefix %]/images/navbar-galileo.png" />
@@ -27,3 +27,5 @@
 	</div>
     </div>
 </div>
+
+<div style="clear:both;" />
\ No newline at end of file
-- 
2.11.0