More patron display css tweaks

To help prevent some "jumpy" interfaces due to borders and text appearing
and disappearing with selections and updates.

Signed-off-by: Thomas Berezansky <tsbere@mvlc.org>
Signed-off-by: Jason Etheridge <jason@esilibrary.com>

diff --git a/Open-ILS/xul/staff_client/server/skin/patron_display.css b/Open-ILS/xul/staff_client/server/skin/patron_display.css
index 52cf928..9fa7520 100644 (file)
--- a/Open-ILS/xul/staff_client/server/skin/patron_display.css
+++ b/Open-ILS/xul/staff_client/server/skin/patron_display.css
@@ -11,39 +11,50 @@ deck#patron_deck { border-left: solid thin black; }
 
 row#row_billing_first { padding-top: 10px; }
 row#row_billing_zip { padding-bottom: 10px; }
-.NO_PENALTIES .patronNameLarge { border: solid thick lime; padding: 10px; }
+
+/* To keep the size consistent. Other CSS rules for this need only change border-color.
+   This helps keep things like patron search from being "jumpy" */
+.patronNameLarge { border: solid thick transparent; padding: 10px; }
+
+/* This also helps keep things from being "jumpy" by ensuring that the expired/alert/whatever
+   notice area always takes up space, even when empty. Otherwise things popping into and out of
+   existence when you select/update patrons can cause it to come and go, bouncing other parts
+   of the screen up and down. */
+#pdm2hb1a { min-height: 1.5em; }
+
+.NO_PENALTIES .patronNameLarge { border-color: lime; }
 /*
 .ONE_PENALTY .patronNameLarge { background-color: fuchsia; }
 .MULTIPLE_PENALTIES .patronNameLarge { background-color: #CC3300; }
 */
 
-.PATRON_HAS_STAFF_ALERT .patronNameLarge { border: solid thick blue; padding: 10px; }
+.PATRON_HAS_STAFF_ALERT .patronNameLarge { border-color: blue; }
 
-.PATRON_HAS_BILLS .patronNameLarge { border: solid thick #FFC266; padding: 10px; }
+.PATRON_HAS_BILLS .patronNameLarge { border-color: #FFC266; }
 .PATRON_HAS_BILLS label.bill { color: #AA4400; }
 /* .PATRON_HAS_BILLS label.bill.label { text-decoration: underline; } */
 .PATRON_HAS_BILLS label.bill.value { }
 .PATRON_HAS_BILLS label.bills_indicator { display: inline; color: #AA4400; }
 
-.PATRON_HAS_OVERDUES .patronNameLarge { border: solid thick #FFC266; padding: 10px; }
+.PATRON_HAS_OVERDUES .patronNameLarge { border-color: #FFC266; }
 .PATRON_HAS_OVERDUES label.items_overdue { color: #AA4400; }
 /* .PATRON_HAS_OVERDUES label.items_overdue.label { text-decoration: underline; } */
 .PATRON_HAS_OVERDUES label.items_overdue.value { }
 .PATRON_HAS_OVERDUES label.overdues_indicator { display: inline; color: #AA4400; }
 .PATRON_HAS_OVERDUES label#under_items { color: red; }
 
-.PATRON_EXCEEDS_CHECKOUT_COUNT .patronNameLarge { border: solid thick #C99DFF; padding: 10px; }
+.PATRON_EXCEEDS_CHECKOUT_COUNT .patronNameLarge { border-color: #C99DFF; }
 .PATRON_EXCEEDS_CHECKOUT_COUNT label.items_out { color: purple; }
 /* .PATRON_EXCEEDS_CHECKOUT_COUNT label.items_out.label { text-decoration: underline; } */
 .PATRON_EXCEEDS_CHECKOUT_COUNT label.items_out.value { }
 
-.PATRON_EXCEEDS_OVERDUE_COUNT .patronNameLarge { border: solid thick #C99DFF; padding: 10px; }
+.PATRON_EXCEEDS_OVERDUE_COUNT .patronNameLarge { border-color: #C99DFF; }
 .PATRON_EXCEEDS_OVERDUE_COUNT label.items_overdue { color: purple; }
 /* .PATRON_EXCEEDS_OVERDUE_COUNT label.items_overdue.label { text-decoration: underline; } */
 .PATRON_EXCEEDS_OVERDUE_COUNT label.items_overdue.value { }
 .PATRON_EXCEEDS_OVERDUE_COUNT label.max_overdues_indicator { display: inline; color: purple; }
 
-.PATRON_EXCEEDS_FINES .patronNameLarge { border: solid thick #C99DFF; padding: 10px; }
+.PATRON_EXCEEDS_FINES .patronNameLarge { border-color: #C99DFF; }
 .PATRON_EXCEEDS_FINES label.bill { color: purple; }
 /* .PATRON_EXCEEDS_FINES label.bill.label { text-decoration: underline; } */
 .PATRON_EXCEEDS_FINES label.bill.value { }
@@ -60,21 +71,21 @@ row#row_billing_zip { padding-bottom: 10px; }
 .INVALID_PATRON_EVENING_PHONE label.invalid_phone_indicator { display: inline; color: #003399 }
 .INVALID_PATRON_OTHER_PHONE label.invalid_phone_indicator { display: inline; color: #003399 }
 
-.PATRON_HAS_ALERT .patronNameLarge { border: solid thick yellow; padding: 10px }
+.PATRON_HAS_ALERT .patronNameLarge { border-color: yellow; }
 .PATRON_HAS_ALERT groupbox.alert { background-color: yellow; color: black; }
 .PATRON_HAS_ALERT [id^=patron_alert] { background: yellow; color: black; }
 .PATRON_HAS_ALERT label.alert_indicator { display: inline; color: #AA4400 }
 
 .PATRON_HAS_NOTES label.note_indicator { display: inline; color: #AA4400 }
 
-.PATRON_INACTIVE .patronNameLarge { border: solid thick #333333; padding: 10px; }
+.PATRON_INACTIVE .patronNameLarge { border-color: #333333; }
 .PATRON_INACTIVE label.inactive_indicator { display: inline; color: black; }
 
-.PATRON_EXPIRED .patronNameLarge { border: solid thick #666666;  padding: 10px;}
+.PATRON_EXPIRED .patronNameLarge { border-color: #666666; }
 .PATRON_EXPIRED label.expired_indicator { display: inline; color: black; }
 .PATRON_EXPIRED label.expire_date { background-color: #666666; color: white }
 
-.PATRON_BARRED .patronNameLarge { border: solid thick #CC3300; padding: 10px; }
+.PATRON_BARRED .patronNameLarge { border-color: #CC3300; }
 .PATRON_BARRED label.barred_indicator { display: inline; color: #CC3300; }
 
 .PATRON_NET_ACCESS_1 .net_access { color: #AA4400; } /* Filtered */