Add altering rows colors to (cataloging) manage authorities interface
authorYamil Suarez <yamil@yamil.com>
Wed, 18 Sep 2013 19:01:21 +0000 (15:01 -0400)
committerLebbeous Fogle-Weekley <lebbeous@esilibrary.com>
Wed, 18 Sep 2013 19:45:30 +0000 (15:45 -0400)
To make it easier to use the (cataloging) manage authorities interface I added a tiny bit of CSS to have alternating row colors. The "height: 1.5em" part is needed because the enclosing authEntry div ends up with a height of zero because its children containers are all floating. Turns out this zero height behavior is not a bug, but a natural side affect of floating the div's children.

Signed-off-by: Yamil Suarez <yamil@yamil.com>
Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com>
Open-ILS/src/templates/cat/authority/list.tt2

index 2e134b3..9b8aa96 100644 (file)
@@ -3,12 +3,13 @@
 
 <script type="text/javascript" src='[% ctx.media_prefix %]/js/ui/default/cat/authority/list.js'> </script>
 <style type="text/css">
 
 <script type="text/javascript" src='[% ctx.media_prefix %]/js/ui/default/cat/authority/list.js'> </script>
 <style type="text/css">
-    .authEntry { clear: both; }
+    .authEntry { clear: both; height: 1.5em; }
     .authEntry > *:first-child { float: left; width: 20%; }
     .authEntry > .text { float: left; width: 46%; }
     .authEntry > .authority-control-set { float: right; width: 33%; ; font-style: italic; }
     .authority-control-set .acs-name { font-weight: bold; }
     .authority-control-set .acs-id { }
     .authEntry > *:first-child { float: left; width: 20%; }
     .authEntry > .text { float: left; width: 46%; }
     .authEntry > .authority-control-set { float: right; width: 33%; ; font-style: italic; }
     .authority-control-set .acs-name { font-weight: bold; }
     .authority-control-set .acs-id { }
+    .authEntry:nth-child(even) { background-color:#D3D3D3;}
 </style>
 <div dojoType="dijit.form.Form" id="myForm" jsId="myForm" encType="multipart/form-data" action="" method="">
     <span style="white-space: nowrap;">
 </style>
 <div dojoType="dijit.form.Form" id="myForm" jsId="myForm" encType="multipart/form-data" action="" method="">
     <span style="white-space: nowrap;">