LP#1442246: improve styling of patron messages

This patch adds new CSS classes for pieces of the
patron message display, uses a preformatted display
for the message body, and fixes an HTML nesting error.

Signed-off-by: Galen Charlton <gmc@esilibrary.com>
Signed-off-by: Ben Shum <bshum@biblio.org>

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index 1b50d0f..2c63646 100644 (file)
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -1735,6 +1735,14 @@ a.preflib_change {
    display:none;
 }
 
+/* patron message center */
+#myopac_message_tbody {
+    vertical-align: top;
+}
+.myopac_message_message {
+    white-space: pre;
+}
+
 @media only screen and (max-width: 800px) {
     .facet_sidebar_hidden, .result_block_hidden {
         display: none;

diff --git a/Open-ILS/src/templates/opac/myopac/messages/single_message.tt2 b/Open-ILS/src/templates/opac/myopac/messages/single_message.tt2
index 3d6a82c..79ae7a1 100644 (file)
--- a/Open-ILS/src/templates/opac/myopac/messages/single_message.tt2
+++ b/Open-ILS/src/templates/opac/myopac/messages/single_message.tt2
@@ -25,27 +25,27 @@
         <table title="[% l('Message') %]"
             class='light_border data_grid'>
             <tbody id='myopac_message_tbody'>
-            </tbody>
             <tr>
                 <td width='30%'
                     class='color_4 light_border'>[% l("Date") %]</td>
-                <td>[% date.format(ctx.parse_datetime(ctx.patron_messages.0.create_date), DATE_FORMAT); %]</td>
+                <td class='myopac_message_date'>[% date.format(ctx.parse_datetime(ctx.patron_messages.0.create_date), DATE_FORMAT); %]</td>
             </tr>
             <tr>
                 <td width='30%'
                     class='color_4 light_border'>[% l("Library") %]</td>
-                <td>[% ctx.patron_messages.0.library | html %]</td>
+                <td class='myopac_message_library'>[% ctx.patron_messages.0.library | html %]</td>
             </tr>
             <tr>
                 <td width='30%'
                     class='color_4 light_border'>[% l("Subject") %]</td>
-                <td>[% ctx.patron_messages.0.title | html %]</td>
+                <td class='myopac_message_subject'>[% ctx.patron_messages.0.title | html %]</td>
             </tr>
             <tr>
                 <td width='30%'
                     class='color_4 light_border'>[% l("Message") %]</td>
-                <td>[% ctx.patron_messages.0.message | html %]</td>
+                <td class='myopac_message_message'>[% ctx.patron_messages.0.message | html %]</td>
             </tr>
+            </tbody>
         </table>
     </div>
 </div>