From: Terran McCanna <tmccanna@georgialibraries.org>
Date: Thu, 22 Jan 2015 17:29:09 +0000 (-0500)
Subject: Header and Footer display changes to improve the way they display
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=6f6b8f7f2caa70270a2ad6349942816ca191a396;p=evergreen%2Fpines.git

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>
---

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index e03086cc9c..fbeb9b9976 100644
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -196,15 +196,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;
 }
 
@@ -234,8 +233,6 @@ for now until a better color is picked - if needed.
 }
 
 #gold-links {
-    margin-left: 1em;
-    padding-left:0px;
 }
 
 #gold-links-home {
@@ -244,7 +241,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 %];
 }
 
@@ -1169,6 +1170,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 %];
 }
@@ -1867,6 +1872,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