From: Dan Scott <dscott@laurentian.ca>
Date: Wed, 25 Sep 2013 03:38:23 +0000 (-0400)
Subject: TPAC: Make low hits help support low-width devices
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=2e34bd51de6869f5cd15c810b49322b3e526ce15;p=evergreen%2Fequinox.git

TPAC: Make low hits help support low-width devices

Inline styles were forcing the width of the low-hits help box to be
353px wide, which is wider than our target 320 width for mobile devices.
Let the help use the full available width under the 600px barrier.

Signed-off-by: Dan Scott <dscott@laurentian.ca>
Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com>
Signed-off-by: Dan Wells <dbw2@calvin.edu>
---

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index 6fbadead25..ac5482c5d6 100644
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -774,6 +774,14 @@ div.result_table_utils_cont {
     text-transform: uppercase;
 }
 
+#lowhits_help {
+    float: right;
+    width: 353px;
+    background: [% css_colors.accent_light %];
+    padding: 10px;
+    margin-top: 7px;
+}
+
 .results_info_table td {
     padding-right: 10px;
 }
@@ -1926,6 +1934,7 @@ a.preflib_change {
     .bookshelf table thead tr {
 	display: block;
     }
+    #lowhits_help { width: inherit; }
     #adv_search_tabs a{                                                                                                                           
         font-size: [% css_fonts.size_small %];
         margin: 2px 2px 0px 2px;
diff --git a/Open-ILS/src/templates/opac/parts/result/lowhits.tt2 b/Open-ILS/src/templates/opac/parts/result/lowhits.tt2
index 2f7c8f89df..0c7dfb341e 100644
--- a/Open-ILS/src/templates/opac/parts/result/lowhits.tt2
+++ b/Open-ILS/src/templates/opac/parts/result/lowhits.tt2
@@ -22,7 +22,7 @@
                    END %]
             </p>
         </div>
-        <div style="float:right;width:353px;background:#ccc;padding:10px;margin-top:7px;">
+        <div id="lowhits_help">
             [% INCLUDE "opac/parts/result/lowhits_purchase.tt2" %]
             <p>
                 <strong>[% l('Keyword Search Tips') %]</strong><br />