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;