PINES OPAC Customization: Make Lists Prettier
authorTerran McCanna <tmccanna@georgialibraries.org>
Fri, 11 Dec 2020 23:06:04 +0000 (18:06 -0500)
committerChris Sharp <csharp@georgialibraries.org>
Tue, 15 Dec 2020 20:11:24 +0000 (15:11 -0500)
Note that more work should be done on master to make lists more
user-friendly, but this will be fine for us now.

Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>
Open-ILS/src/templates-bootstrap/opac/myopac/lists.tt2

index 34d8c5f..adeda88 100755 (executable)
     <h3>[% l("... from basket") %]</h3>
     [% INCLUDE "opac/parts/anon_list.tt2" %]
     [% ELSE %]
-    <h3>[% l("My Existing Basket and Lists") %]</h3>
+    <h3>[% l("My Saved Lists") %]</h3>
     [% INCLUDE "opac/parts/anon_list.tt2" %]
 
     [% IF ctx.bookbags.size %]
     <div class="header_middle">
-        <span class="float-left">[% l('Saved Lists') %]</span>
+        <span class="sr-only">[% l('Saved Lists') %]</span>
         [% IF limit < ctx.bookbag_count; %]
         <span class='float-left' style='padding-left: 10px;'>
             [%- IF offset > 0 -%]
     <div id='acct_lists_prime'>
         [% FOR bbag IN ctx.bookbags %]
         <div>
-         <table class="table"><tr>
+         <table class="table" style="border:3px solid #8DC641;"><tr>
             <td class="listTitleText">
-            <div class="bookbag-controls-title-block">
                 [% baseurl = ctx.opac_root _ '/myopac/lists';
                 IF bbag.id != CGI.param("bbid");
                     url = mkurl(baseurl,{bbid => bbag.id, item_page => 1},['edit_notes','sort']);
                 <a target='_blank' href='/opac/extras/feed/bookbag/rss2-full/[% bbag.id %]' aria-label="RSS Feed">
                 <i class="fas fa-rss-square" aria-hidden="true"></i></a>
                 [% END %]</h4>
-                [% IF bbag.description %]<div class="bookbag-description">[% bbag.description | html %]</div>[% END %]
-            </div>
-            </td>
-
+                [% IF bbag.description %]<div class="bookbag-description" style="padding-left: 20px;">[% bbag.description | html %]</div>[% END %]
+             </td>
+            </tr>
+            <tr>
             <td>
             [% IF ctx.add_rec %]
             <form action="[% mkurl(ctx.opac_root _ '/myopac/list/update', {}, 1) %]" method="post">
         [% IF CGI.param("bbid") == bbag.id %]
 
         <div>
-        <h5 class="text-center my-2">List Items</h5>
+        <h5 class="sr-only">List Items</h5>
         <form action="[% mkurl(ctx.opac_root _ '/myopac/list/update') %]" method="post" >
         <input type="hidden" name="list" value="[% bbag.id %]" />
         <input type="hidden" name="sort" value="[% CGI.param('sort') | uri %]" />
-        <div>
+
+        <div style="border:1px solid #8DC641;margin: -17px 0px 30px 0px;">
         [% IF bbag.items.size %]
-            <div class="my-2">
+            <div class="my-2" style="padding-left:30px;">
+                [% l('Select at least one item from your list below to use these actions:') %]<br/>
                 <button name="action" class="btn btn-action" type="submit" value="place_hold" id="place_hold">[% l('Place hold') %]</button>
                 <button name="action" class="btn btn-action" type="submit" value="print">[% l('Print title details') %]</button>
                 <button name="action" class="btn btn-action" type="submit" value="email">[% l('Email title details') %]</button>
 
 
 
-
         [% IF ctx.bb_page_count > 1; %]
             <div class="header_middle" style="padding-top:7px;">
-                <div class="bbag-navigate-list">[% l('Navigate Selected List ') %]</div>
-                <div class="bbag-navigate-list-pages">
+                <div class="bbag-navigate-list sr-only">[% l('Navigate Selected List ') %]</div>
+                <div class="bbag-navigate-list-pages" style="width:100%;text-align:center;">
                     [%- IF item_page > 1 -%]
                         <a href='[% mkurl(ctx.opac_root _ '/myopac/lists', {
                             item_page => item_page - 1