diff --git a/src/index.html b/src/index.html index f6da7a60..d9969c49 100644 --- a/src/index.html +++ b/src/index.html @@ -109,14 +109,15 @@ diff --git a/src/miscViews.js b/src/miscViews.js index 5e0782e8..0e0dce6d 100644 --- a/src/miscViews.js +++ b/src/miscViews.js @@ -101,21 +101,28 @@ var RebaseEntryView = Backbone.View.extend({ tagName: 'li', template: _.template($('#interactive-rebase-entry-template').html()), - events: { - 'click #toggleButton': 'toggle' - }, - toggle: function() { this.model.toggle(); + + // toggle a class also + this.listEntry.toggleClass('notPicked', !this.model.get('pick')); }, initialize: function(options) { - this.model.on('change', this.render, this); this.render(); }, render: function() { this.$el.append(this.template(this.model.toJSON())); + + // have to build some of this stuff up manually, lame. + // backbone needs a collectionview, this is ugly + var id = '#' + this.model.get('id'); + this.listEntry = this.$(id); + + this.$(id + ' #toggleButton').on('click', _.bind(function() { + this.toggle(); + }, this)); } }); diff --git a/src/style/main.css b/src/style/main.css index 2c5ae151..666ca9f3 100644 --- a/src/style/main.css +++ b/src/style/main.css @@ -325,6 +325,15 @@ p.commandLine span.prompt { cursor: pointer; } +li.rebaseEntry { + margin: 10px; + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); +} + +li.rebaseEntry.notPicked { + opacity: 0.2; +} + /* button stuff from liquidGraph */ .uiButton { border-top: 1px solid #96d1f8;