LP1413721: Styling for sms Text Call Number page

Adds highlighting to call number text and makes font consistent.
Provides styling for mobile display.

Signed-off-by: Christine Morgan <cmorgan@noblenet.org>
Signed-off-by: Kathy Lussier <klussier@masslnc.org>
Signed-off-by: Galen Charlton <gmc@esilibrary.com>

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index a0cac5d..577ecba 100644 (file)
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -1697,6 +1697,20 @@ a.preflib_change {
     font-size: [% css_fonts.size_bigger %];
 }
 
+/* styling for sms text call number */
+.sms_text pre {
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: [% css_fonts.size_medium %];
+    background: [% css_colors.accent_lightest %];
+    padding: .5%;
+    /* Allow text to wrap */
+    white-space: pre-wrap;       /* css-3 */
+    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
+    white-space: -pre-wrap;      /* Opera 4-6 */
+    white-space: -o-pre-wrap;    /* Opera 7 */
+    word-wrap: break-word;       /* Internet Explorer 5.5+ */
+}
+
 .mobile_view {
    display:none;
 }

diff --git a/Open-ILS/src/templates/opac/parts/css/fonts.tt2 b/Open-ILS/src/templates/opac/parts/css/fonts.tt2
index 556952b..bfc0b0d 100644 (file)
--- a/Open-ILS/src/templates/opac/parts/css/fonts.tt2
+++ b/Open-ILS/src/templates/opac/parts/css/fonts.tt2
@@ -4,6 +4,7 @@
         size_small = "92%",
         size_smaller = "83%",
         size_smallest = "75%",
+        size_medium = "95%",
         size_big = "110%",
         size_bigger = "125%",
         size_biggest = "150%"

diff --git a/Open-ILS/src/templates/opac/sms_cn.tt2 b/Open-ILS/src/templates/opac/sms_cn.tt2
index f8db37c..4a7422c 100644 (file)
--- a/Open-ILS/src/templates/opac/sms_cn.tt2
+++ b/Open-ILS/src/templates/opac/sms_cn.tt2
@@ -16,14 +16,12 @@
                     [% IF ctx.sms_notify %]
                     <h1>[% l('Your message has been sent!') %]</h1>
                     <a href="[% ctx.origin %]">[% l('Return to record') %]</a>
-                    <pre>[% ctx.event.template_output.data %]</pre>
+                    <div class="sms_text"><pre>[% ctx.event.template_output.data %]</pre></div>
                     [% ELSE %]
                     <h1>[% l('Text call number') %]</h1>
                     <a href="[% ctx.origin %]">[% l('Return to record') %]</a>
-                    <pre>[% ctx.event.template_output.data %]</pre>
-                    <blockquote>
+                    <div class="sms_text"><pre>[% ctx.event.template_output.data %]</pre></div>
                         <form method="post">
-                            <blockquote>
                                 <input type="hidden" name="copy_id" value="[% ctx.copy_id %]"/>
                                 <input type="hidden" name="origin" value="[% ctx.origin %]"/>
                                 [% INCLUDE "opac/parts/sms_carrier_selector.tt2" sms_carrier_hide_warning="true" %]<br/>
@@ -35,9 +33,7 @@
                                     alt="[% l('Submit') %]"
                                     class="opac-button" />
                                 <br/>[% l('Note: carrier charges may apply'); %]
-                            </blockquote>
                         </form>
-                    </blockquote>
                     [% END %]
                     [% ELSE %]
                     <span>[% l('SMS not enabled for this site.') %]</span>