updated styling of sortable columns on hover.

11 years ago · d958e95c59
parent c519195ce3
commit d958e95c59
6 changed files with 18 additions and 5 deletions
--- a/UI/Cells/ToggleCell.js
+++ b/UI/Cells/ToggleCell.js
@ -6,7 +6,7 @@ define(
    ], function (Backgrid) {
        return Backgrid.Cell.extend({

-            className: 'toggle-cell clickable',
+            className: 'toggle-cell',

            events: {
                'click': '_onClick'
--- a/UI/Cells/cells.less
+++ b/UI/Cells/cells.less
@ -27,6 +27,10 @@
  .clickable();
 }

+.toggle-cell{
+  .clickable();
+}
+
 .approval-status-cell {
  widows : 10px;
  .popover {
--- a/UI/Content/base.less
+++ b/UI/Content/base.less
@ -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();
+
+  }
+}
--- a/UI/Series/Index/List/CollectionView.js
+++ b/UI/Series/Index/List/CollectionView.js
@ -1,4 +1,4 @@
-'use strict';
+'use strict';

 define(
    [
--- a/UI/Series/Index/List/ItemView.js
+++ b/UI/Series/Index/List/ItemView.js
@ -1,4 +1,4 @@
-'use strict';
+'use strict';

 define(
    [
--- a/UI/Shared/Grid/HeaderCell.js
+++ b/UI/Shared/Grid/HeaderCell.js
@ -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) {