updated styling of sortable columns on hover.

This commit is contained in:
kay.one 2013-07-09 22:02:51 -07:00
parent c519195ce3
commit d958e95c59
6 changed files with 18 additions and 5 deletions

View File

@ -6,7 +6,7 @@ define(
], function (Backgrid) {
return Backgrid.Cell.extend({
className: 'toggle-cell clickable',
className: 'toggle-cell',
events: {
'click': '_onClick'

View File

@ -27,6 +27,10 @@
.clickable();
}
.toggle-cell{
.clickable();
}
.approval-status-cell {
widows : 10px;
.popover {

View File

@ -62,7 +62,6 @@
padding : 30px;
}
.page-toolbar {
margin-top : 10px;
margin-bottom : 30px;
@ -93,3 +92,13 @@
padding : 4px 6px;
font-size : 16px;
}
th {
&.sortable {
&:hover {
background: @tableBackgroundHover;
}
.clickable();
}
}

View File

@ -1,4 +1,4 @@
'use strict';
'use strict';
define(
[

View File

@ -1,4 +1,4 @@
'use strict';
'use strict';
define(
[

View File

@ -15,7 +15,7 @@ define(
this.$el.append(this.column.get('label'));
if (this.column.get('sortable')) {
this.$el.addClass('clickable');
this.$el.addClass('sortable');
this.$el.append(' <i class="pull-right"></i>');
if (this.collection.state) {