From: Thierry Parmentelat Date: Sun, 11 Jan 2009 15:11:47 +0000 (+0000) Subject: sortable columns header X-Git-Tag: PLEWWW-4.3-1~128 X-Git-Url: http://git.onelab.eu/?a=commitdiff_plain;h=e1e9f2340b79b39fd6a76db0dad53bc0041a654e;p=plewww.git sortable columns header --- diff --git a/planetlab/css/demo.css b/planetlab/css/demo.css index 6e710cd..3273576 100644 --- a/planetlab/css/demo.css +++ b/planetlab/css/demo.css @@ -113,41 +113,6 @@ td.total text-transform:uppercase; letter-spacing:1px; } -th.sortable, -th.sortable-text, -th.sortable-date, -th.sortable-keep, -th.sortable-date-dmy, -th.sortable-numeric, -th.sortable-currency, -th.sortable-sortByTwelveHourTimestamp, -th.sortable-sortIPAddress, -th.sortable-sortEnglishLonghandDateFormat, -th.sortable-sortScientificNotation, -th.sortable-sortImage, -th.sortable-sortFileSize, -th.sortable-sortAlphaNumeric, -th.sortable-sortEnglishDateTime - - { - cursor:pointer; - background: #CAE8EA url(../media/bg_header_sortable.jpg) no-repeat; - padding: 8px 12px 4px 16px; - } -th.forwardSort - { - background:#CAE8EA url(../media/bg_header_down.jpg) no-repeat 0 0; - } -th.reverseSort - { - background:#CAE8EA url(../media/bg_header_up.jpg) no-repeat 0 0; - } -table thead th.forwardSort a, -table thead th.reverseSort a - { - color:#000; - text-decoration:none; - } /* These styles should be added when very long tables are expected th.sort-active diff --git a/planetlab/css/plc_table.css b/planetlab/css/plc_table.css index 3566c0a..59d6683 100644 --- a/planetlab/css/plc_table.css +++ b/planetlab/css/plc_table.css @@ -17,7 +17,7 @@ th.plc_table text-transform: uppercase; text-align: left; padding: 8px 12px 4px 12px; - background: #CAE8EA url(../media/bg_header.jpg) no-repeat; + background: #CAE8EA url(/planetlab/icons/tablesort_header.jpg) no-repeat; vertical-align:middle; } td.plc_table @@ -28,3 +28,38 @@ td.plc_table padding: 6px 12px 6px 12px; color: #4f6b72; } +th.sortable, +th.sortable-text, +th.sortable-date, +th.sortable-keep, +th.sortable-date-dmy, +th.sortable-numeric, +th.sortable-currency, +th.sortable-sortByTwelveHourTimestamp, +th.sortable-sortIPAddress, +th.sortable-sortEnglishLonghandDateFormat, +th.sortable-sortScientificNotation, +th.sortable-sortImage, +th.sortable-sortFileSize, +th.sortable-sortAlphaNumeric, +th.sortable-sortEnglishDateTime + + { + cursor:pointer; + background: #CAE8EA url(/planetlab/icons/tablesort_header_sortable.jpg) no-repeat; + padding: 8px 12px 4px 16px; + } +th.forwardSort + { + background:#CAE8EA url(/planetlab/icons/tablesort_header_down.jpg) no-repeat 0 0; + } +th.reverseSort + { + background:#CAE8EA url(/planetlab/icons/tablesort_header_up.jpg) no-repeat 0 0; + } +table thead th.forwardSort a, +table thead th.reverseSort a + { + color:#000; + text-decoration:none; + } diff --git a/planetlab/icons/tablesort_header.jpg b/planetlab/icons/tablesort_header.jpg new file mode 100644 index 0000000..10dbd74 Binary files /dev/null and b/planetlab/icons/tablesort_header.jpg differ diff --git a/planetlab/icons/tablesort_header_down.jpg b/planetlab/icons/tablesort_header_down.jpg new file mode 100644 index 0000000..7bc68a7 Binary files /dev/null and b/planetlab/icons/tablesort_header_down.jpg differ diff --git a/planetlab/icons/tablesort_header_sortable.jpg b/planetlab/icons/tablesort_header_sortable.jpg new file mode 100644 index 0000000..67d896e Binary files /dev/null and b/planetlab/icons/tablesort_header_sortable.jpg differ diff --git a/planetlab/icons/tablesort_header_up.jpg b/planetlab/icons/tablesort_header_up.jpg new file mode 100644 index 0000000..f09db48 Binary files /dev/null and b/planetlab/icons/tablesort_header_up.jpg differ