web staff: recover patron summary groups; more pronounced alt rows
authorBill Erickson <berick@esilibrary.com>
Thu, 12 Dec 2013 17:00:46 +0000 (12:00 -0500)
committerBill Erickson <berick@esilibrary.com>
Thu, 12 Dec 2013 17:00:46 +0000 (12:00 -0500)
Signed-off-by: Bill Erickson <berick@esilibrary.com>
Open-ILS/src/templates/staff/circ/patron/t_search.tt2
Open-ILS/src/templates/staff/circ/patron/t_summary.tt2
Open-ILS/src/templates/staff/css/style.css.tt2

index edd0e93..ea89260 100644 (file)
@@ -5,7 +5,7 @@
    <label class="sr-only" for="input-id">label</label>
 -->
 
-<div class="row">
+<div class="row" id="patron-search-form-row">
   <div class="col-lg-11">
     <form ng-submit="search(args)" id="patron-search-form" 
         role="form" class="form-horizontal">
index 86f2ee4..6031abf 100644 (file)
@@ -14,7 +14,7 @@
       </div>
     </div>
     <div class="row" 
-      ng-class="{'summary-divider' : !$index}"
+      ng-class="{'patron-summary-divider' : !$index}"
       ng-repeat="penalty in patron().standing_penalties()">
       <div class="col-lg-9 patron-summary-alert"
         title="{{penalty.standing_penalty().name()}}">
@@ -25,7 +25,7 @@
       </div>
     </div>
     <div class="row" 
-      ng-class="{'summary-divider' : patron().standing_penalties().length}">
+      ng-class="{'patron-summary-divider' : patron().standing_penalties().length}">
       <div class="col-lg-5">[% l('Profile') %]</div>
       <div class="col-lg-7">{{patron().profile().name()}}</div>
     </div>
@@ -53,7 +53,7 @@
       <div class="col-lg-5">[% l('Expire Date') %]</div>
       <div class="col-lg-7">{{patron().expire_date() | date:'shortDate'}}</div>
     </div>
-    <div class="row summary-divider" 
+    <div class="row patron-summary-divider" 
       ng-class="{'patron-summary-alert' : patron_stats().fines.balance_owed}">
       <div class="col-lg-5">[% l('Fines Owed') %]</div>
       <div class="col-lg-7">
@@ -90,7 +90,7 @@
         {{patron_stats().holds.total}} / {{patron_stats().holds.ready}}
       </div>
     </div>
-    <div class="row summary-divider">
+    <div class="row patron-summary-divider">
       <div class="col-lg-5">[% l('Card') %]</div>
       <div class="col-lg-7">{{patron().card().barcode()}}</div>
     </div>
index f398665..5e4c95c 100644 (file)
@@ -87,12 +87,12 @@ table.list tr.selected td {
 /* TODO: move these to patron CSS file ---  */
 
 /** style to make a grid look like a striped table */
-#patron-summary-grid div.row {padding: 3px;}
-#patron-summary-grid div.row:nth-child(odd) {background-color: rgb(249, 249, 249);}
+#patron-summary-grid div.row {padding: 3px; border-right: 2px solid rgb(248, 248, 248);}
+#patron-summary-grid div.row:nth-child(odd) {background-color: rgb(248, 248, 248);}
 /* there are bootstrap tyles for error, warning, etc., 
 but the ones I'm finding aren't quite cutting it..*/
 .patron-summary-alert {color: red; font-weight:bold}
-.patron-summary-divider { border-top: 1px solid #DDD}
+.patron-summary-divider { border-top: 1px solid #CCC}
 .pad-horiz {padding : 0px 10px 0px 10px; }
 .pad-vert {padding : 20px 0px 10px 0px;}
 #patron-checkout-barcode { width: 18em; }
@@ -102,6 +102,7 @@ but the ones I'm finding aren't quite cutting it..*/
 }
 
 /* let form elements fill their containers w/ slight padding */
+#patron-search-form-row {margin-left: 0px;}
 #patron-search-form div.col-lg-2 { padding: 2px; }
 #patron-search-form input:not([type="checkbox"]) { width: 100%; }