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 a90b148..053b3a7 100644 (file)
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -179,15 +179,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;
 }
 
@@ -217,8 +216,6 @@ for now until a better color is picked - if needed.
 }
 
 #gold-links {
-    margin-left: 1em;
-    padding-left:0px;
 }
 
 #gold-links-home {
@@ -227,7 +224,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 %];
 }
 
@@ -1161,6 +1162,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 %];
 }
@@ -1832,6 +1837,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 49d19a8..5598f35 100644 (file)
--- 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 4fa278c..c269f66 100644 (file)
--- 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