LP#1635386 Clarify and simplify row highlighting code
[working/Evergreen.git] / Open-ILS / src / templates / staff / css / style.css.tt2
index 6ca02ff..94e4e86 100644 (file)
@@ -301,17 +301,18 @@ table.list tr.selected td { /* deprecated? */
   text-align: center;
 }
 
   text-align: center;
 }
 
-.eg-grid-cell-stock-status {
+/* the conf header must be twice the stock flex */
+.eg-grid-cell-conf-header {
   width: 4.4em;
   width: 4.4em;
-  text-align: center;
+  font-weight: bold;
 }
 
 }
 
-/* the conf header must be ~four times the stock flex */
-.eg-grid-cell-conf-header {
+.eg-grid-cell-stock-status {
   width: 4.4em;
   width: 4.4em;
-  font-weight: bold;
+  text-align: center;
 }
 
 }
 
+/* the conf header must be 4x the stock width when status is present */
 .eg-grid-cell-conf-header-status {
   width: 8.8em;
   font-weight: bold;
 .eg-grid-cell-conf-header-status {
   width: 8.8em;
   font-weight: bold;
@@ -347,28 +348,28 @@ table.list tr.selected td { /* deprecated? */
 /* patron bill row-highlighting */
 .red-row-highlight {
   color: #FFF;
 /* patron bill row-highlighting */
 .red-row-highlight {
   color: #FFF;
-  background-color: #EB0000;
+  background-color: #EB0000 !important;
 }
 .red-row-highlight a:link, .dark-red-row-highlight a:link {
   color: #B8ECFF;
 }
 .orange-row-highlight {
   color: #000;
 }
 .red-row-highlight a:link, .dark-red-row-highlight a:link {
   color: #B8ECFF;
 }
 .orange-row-highlight {
   color: #000;
-  background-color: #FFE1A8;
+  background-color: #FFE1A8 !important;
 }
 .dark-red-row-highlight {
   color: #FFF;
 }
 .dark-red-row-highlight {
   color: #FFF;
-  background-color: #800000;
+  background-color: #800000 !important;
 
 }
 
 }
-.eg-grid-row-selected .red-row-highlight {
-  background-color: #CF0000;
+.eg-grid-row-selected.red-row-highlight {
+  background-color: #CF0000 !important;
 }
 }
-.eg-grid-row-selected .orange-row-highlight {
-  background-color: #FFCF75;
+.eg-grid-row-selected.orange-row-highlight {
+  background-color: #FFCF75 !important;
 }
 }
-.eg-grid-row-selected .dark-red-row-highlight {
-  background-color: #5C0000;
+.eg-grid-row-selected.dark-red-row-highlight {
+  background-color: #5C0000 !important;
 }
 
 .eg-grid-cell-content::selection {
 }
 
 .eg-grid-cell-content::selection {