Author: eallen Date: 2008-08-26 10:58:03 -0400 (Tue, 26 Aug 2008) New Revision: 2358 Modified: mgmt/trunk/cumin/python/wooly/tables.py mgmt/trunk/cumin/python/wooly/tables.strings Log: Tweaking column header spacing and alignment Modified: mgmt/trunk/cumin/python/wooly/tables.py =================================================================== --- mgmt/trunk/cumin/python/wooly/tables.py 2008-08-26 13:40:49 UTC (rev 2357) +++ mgmt/trunk/cumin/python/wooly/tables.py 2008-08-26 14:58:03 UTC (rev 2358) @@ -55,6 +55,9 @@ def set_default_column(self, column): self.scolumn.default = column.name + def set_default_column_name(self, name): + self.scolumn.default = name + def is_reversed(self, session): return self.reversed.get(session) Modified: mgmt/trunk/cumin/python/wooly/tables.strings =================================================================== --- mgmt/trunk/cumin/python/wooly/tables.strings 2008-08-26 13:40:49 UTC (rev 2357) +++ mgmt/trunk/cumin/python/wooly/tables.strings 2008-08-26 14:58:03 UTC (rev 2358) @@ -8,36 +8,37 @@ <tr>{cells}</tr> [ItemTableColumnHeader.css] -a.ItemTableColumnHeader span{ +a.ItemTableColumnHeader > span { border:1px solid transparent; - padding: 2px 14px 2px 4px; + padding: 2px 4px; + position: relative; + left: -5px; /* 4 padding + 1 border */ } -a.ItemTableColumnHeader span:hover { +a.ItemTableColumnHeader > span:hover { border:1px solid #EAEAEA; background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: right 5px; } +a.ItemTableColumnHeader > span > span { + padding-right: 14px; +} + +/* for right align columns, align with the right */ +th.ralign a.ItemTableColumnHeader > span { + left:19px; +} + a.ItemTableColumnHeader span.unsorted_down:hover { - background-image: url(resource?name=sort-arrow-down.png); - background-repeat: no-repeat; - background-position: right 5px; + background: url(resource?name=sort-arrow-down.png) right 5px no-repeat; } a.ItemTableColumnHeader span.unsorted_up:hover { - background-image: url(resource?name=sort-arrow-up.png); - background-repeat: no-repeat; - background-position: right 5px; + background: url(resource?name=sort-arrow-up.png) right 5px no-repeat; } a.ItemTableColumnHeader span.up { - background-image: url(resource?name=sort-arrow-up.png); - background-repeat: no-repeat; - background-position: right 5px; + background: url(resource?name=sort-arrow-up.png) right 5px no-repeat; } a.ItemTableColumnHeader span.down { - background-image: url(resource?name=sort-arrow-down.png); - background-repeat: no-repeat; - background-position: right 5px; + background: url(resource?name=sort-arrow-down.png) right 5px no-repeat; } [ItemTableColumnHeader.html] -<th {class_attr}><a class="ItemTableColumnHeader" href="{href}"><span class="{sorted_dir}">{content}</span></a></th> +<th {class_attr}><a class="ItemTableColumnHeader" href="{href}"><span><span class="{sorted_dir}">{content}</span></span></a></th>