Theme changes. See #407.

Default cursor for non-sortable headers
Dropbox adjustments to work in stickyheaders demo
Ice theme top border
Sticky header widget tweaks to line up columns in Firefox
This commit is contained in:
Mottie 2013-11-22 19:12:17 -06:00
parent 6895d5e1f7
commit 94d9e82518
11 changed files with 45 additions and 12 deletions

View File

@ -46,6 +46,7 @@
}
.tablesorter-blackice thead .sorter-false {
background-image: none;
cursor: default;
padding: 4px;
}

View File

@ -71,6 +71,7 @@
}
.tablesorter-blue thead .sorter-false {
background-image: none;
cursor: default;
padding: 4px;
}

View File

@ -45,6 +45,7 @@
}
.tablesorter-dark thead .sorter-false {
background-image: none;
cursor: default;
padding: 4px;
}

View File

@ -49,6 +49,7 @@ Default Theme
}
.tablesorter-default thead .sorter-false {
background-image: none;
cursor: default;
padding: 4px;
}

View File

@ -35,7 +35,6 @@
background-color: #f0f9ff;
border-bottom: 1px solid #96c4ea;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 0 0 #000000 inset;
cursor: pointer;
white-space: normal;
}
.tablesorter-dropbox .tablesorter-headerSortUp,
@ -44,11 +43,14 @@
.tablesorter-dropbox .tablesorter-headerDesc {
font-weight: 600;
}
.tablesorter-dropbox .tablesorter-header {
cursor: pointer;
}
.tablesorter-dropbox .tablesorter-header i {
width: 9px;
height: 9px;
padding: 4px 20px 4px 4px;
cursor: pointer;
padding: 0 10px 0 4px;
display: inline-block;
background-position: center right;
background-repeat: no-repeat;
content: "";
@ -73,6 +75,10 @@
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALNJREFUeNpi/P//PwMhwBJf3uP879e3PUzMzBiS//7+ZWBi43JhBJmU2z7nIzMzEx8jIyNcAUj8799/nyZXpvCzgARYuXjTWBkZVjCzIEz7++cvw+//DGkgNiPMTWVT1l5hZvynDTINbMp/pqtdOcE6IDkmmM5fv3/5//v37z9QBQOIBvFhcnBFEwoj7/5jZFnz9+8fBhAN4sN9h+ybH9++JrGxscr/+vE1CVmckZhwAggwANvlUyq5Dd1wAAAAAElFTkSuQmCC');
/* background-image: url(images/dropbox-desc-hovered.png); */
}
.tablesorter-dropbox thead .sorter-false {
cursor: default;
}
.tablesorter-dropbox thead .sorter-false i,
.tablesorter-dropbox thead .sorter-false:hover i {
background-image: none;

View File

@ -6,15 +6,14 @@
width: 100%;
text-align: left;
border-spacing: 0;
border: #cdcdcd 1px solid;
border-width: 1px 0 0 1px;
}
.tablesorter-green,
.tablesorter-green th,
.tablesorter-green td {
font: 12px/18px Arial, Sans-serif;
border: #cdcdcd 1px solid;
border-spacing: 0;
padding: 0;
text-align: left;
border-width: 0 1px 1px 0;
}
/* header */
@ -58,6 +57,7 @@
}
.tablesorter-green thead .tablesorter-header.sorter-false {
background-image: none;
cursor: default;
padding: 4px;
}

View File

@ -36,6 +36,10 @@
position: relative;
padding: 4px 15px 4px 4px;
}
.tablesorter-grey .header,
.tablesorter-grey .tablesorter-header {
cursor: pointer;
}
.tablesorter-grey .header i,
.tablesorter-grey .tablesorter-header i {
width: 18px;
@ -50,7 +54,6 @@
background-position: center right;
padding: 4px;
white-space: normal;
cursor: pointer;
}
.tablesorter-grey th.headerSortUp,
.tablesorter-grey th.tablesorter-headerSortUp,
@ -78,6 +81,9 @@
/* white desc arrow */
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
.tablesorter-grey thead .sorter-false {
cursor: default;
}
.tablesorter-grey thead .sorter-false i {
background-image: none;
padding: 4px;

View File

@ -60,6 +60,7 @@
}
.tablesorter-ice thead .sorter-false {
background-image: none;
cursor: default;
padding: 4px;
}
@ -122,6 +123,12 @@
background-color: #ebfafa;
}
/* sticky headers */
.tablesorter-ice.containsStickyHeaders thead tr:nth-child(1) th,
.tablesorter-ice.containsStickyHeaders thead tr:nth-child(1) td {
border-top: #ccc 1px solid;
}
/* caption */
caption {
background: #fff;

View File

@ -38,6 +38,10 @@
margin-top: -8px; /* half the icon height; older IE doesn't like this */
}
.tablesorter-jui thead .sorter-false {
cursor: default;
}
/* tfoot */
.tablesorter-jui tfoot th,
.tablesorter-jui tfoot td {

View File

@ -179,6 +179,7 @@
.tablesorter-header.sorter-false {
background-image: none;
cursor: default;
padding: @overallPadding;
}

View File

@ -1,4 +1,4 @@
/*! tableSorter 2.8+ widgets - updated 11/19/2013
/*! tableSorter 2.8+ widgets - updated 11/22/2013 (v2.14.1)
*
* Column Styles
* Column Filters
@ -1082,12 +1082,13 @@ ts.addWidget({
laststate = '',
spacing = 0,
updatingStickyFilters = false,
nonwkie = $table.css('border-collapse') !== 'collapse' && !/(webkit|msie)/i.test(navigator.userAgent),
resizeHeader = function() {
stickyOffset = $stickyOffset.length ? $stickyOffset.height() || 0 : parseInt(wo.stickyHeaders_offset, 10) || 0;
spacing = 0;
// yes, I dislike browser sniffing, but it really is needed here :(
// webkit automatically compensates for border spacing
if ($table.css('border-collapse') !== 'collapse' && !/(webkit|msie)/i.test(navigator.userAgent)) {
if (nonwkie) {
// Firefox & Opera use the border-spacing
// update border-spacing here because of demos that switch themes
spacing = parseInt($header.eq(0).css('border-left-width'), 10) * 2;
@ -1097,13 +1098,15 @@ ts.addWidget({
width: $table.width()
});
$stickyCells.filter(':visible').each(function(i) {
var $cell = $header.filter(':visible').eq(i);
var $cell = $header.filter(':visible').eq(i),
// some wibbly-wobbly... timey-wimey... stuff, to make columns line up in Firefox
offset = nonwkie && $(this).attr('data-column') === ( '' + parseInt(c.columns/2, 10) ) ? 1 : 0;
$(this)
.css({
width: $cell.width() - spacing,
height: $cell.height()
})
.find(innerHeader).width( $cell.find(innerHeader).width() );
.find(innerHeader).width( $cell.find(innerHeader).width() - offset );
});
};
// fix clone ID, if it exists - fixes #271
@ -1113,6 +1116,8 @@ ts.addWidget({
$stickyTable.find('thead:gt(0), tr.sticky-false, tbody, tfoot').remove();
if (!wo.stickyHeaders_includeCaption) {
$stickyTable.find('caption').remove();
} else {
$stickyTable.find('caption').css( 'margin-left', '-1px' );
}
// issue #172 - find td/th in sticky header
$stickyCells = $stickyThead.children().children();