LP 1261791 - Mobile Search links for my account screens
authorSuzanne Paterno <paterno@noblenet.org>
Wed, 20 Aug 2014 16:25:18 +0000 (12:25 -0400)
committerJason Stephenson <jstephenson@mvlc.org>
Wed, 10 Sep 2014 20:11:01 +0000 (16:11 -0400)
Added links for Basic, Advanced and Browse Searching from all my Account pages in a less than 600px view.:

Added a new color for the mobile search links, so users can modify based on their background color.

Signed-off-by: Suzanne Paterno <paterno@noblenet.org>
Signed-off-by: Jason Stephenson <jstephenson@mvlc.org>
Open-ILS/src/templates/opac/css/style.css.tt2
Open-ILS/src/templates/opac/parts/css/colors.tt2
Open-ILS/src/templates/opac/parts/myopac/base.tt2

index 84d5fa5..bd34d0d 100644 (file)
@@ -1700,6 +1700,10 @@ a.preflib_change {
     font-size: [% css_fonts.size_bigger %];
 }
 
+.mobile_view {
+   display:none;
+}
+
 @media only screen and (max-width: 800px) {
     .facet_sidebar_hidden, .result_block_hidden {
         display: none;
@@ -2032,6 +2036,15 @@ a.preflib_change {
         table#acct_holds_main_header td:nth-of-type(8):before { content: "[% l('Active') %]"; }
         table#acct_holds_main_header td:nth-of-type(9):before { content: "[% l('Status') %]"; }
         table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
+
+       /*Want to see these in mobile ONLY */
+       .mobile_view{
+          display:block;
+       }
+
+       .mobile_search_lbl_clr{
+          color:[% css_colors.mobile_header_text %];
+       }
 }
 
 
index eda641d..85e00bd 100644 (file)
@@ -31,6 +31,7 @@
         button_text = "#fbf9f9", # off-white 
         button_text_shadow = "#555555", # medium grey
         table_heading = "#d8d8d8", # grey-blue
+        mobile_header_text = "#fff", # white
     };
     
 %]
index dfc7abf..2b89049 100644 (file)
     <div class="mobile_hide">
     [% INCLUDE "opac/parts/searchbar.tt2" %]
     </div>
+
+     <!-- Added so search available from my account pages -->
+    <div class="mobile_view">
+      <span class="adv_search_catalog_lbl mobile_search_lbl_clr"><strong>Search:</strong></span>
+      <span class="adv_search_catalog_lbl"><a href="[% mkurl(ctx.opac_root _ '/home', {locg => CGI.param('locg')}, 1) %]"
+                    id="home_adv_search_link" class="mobile_search_lbl_clr">[%l('Basic')%]</a> &nbsp;</span>
+               <span class="adv_search_catalog_lbl"><a href="[% mkurl(ctx.opac_root _ '/advanced', {$loc_name => loc_value}, 1) %]"
+            id="home_adv_search_link" class="mobile_search_lbl_clr">[% l('Advanced') %]</a> &nbsp;</span>
+       <span class="browse_the_catalog_lbl"><a href="[% mkurl(ctx.opac_root _ '/browse', {}, ['fi:has_browse_entry']) %]" 
+            class="mobile_search_lbl_clr">[% l('Browse') %]</a>&nbsp;</span>
+    </div><!-- End Mobile search view -->
+
     <div id="content-wrapper">
         <div id="myopac_tabs">
             <div id="acct_tabs">