fix(tasks): vertically align habit buttons

* When a task has + and - buttons, display the buttons vertically and
expand them to fill the full height of the task.
* Use glyphicons for + and - icons
This commit is contained in:
benmanley
2015-01-19 16:41:01 +00:00
parent 17ab1d660f
commit 2c88be85cf
2 changed files with 47 additions and 11 deletions
+5 -3
View File
@@ -61,10 +61,12 @@ li(bindonce='list', id='task-{{::task.id}}', ng-repeat='task in obj[list.type+"s
.task-controls.task-primary(ng-if='!task._editing')
// Habits
span(ng-if='::task.type=="habit"')
.task-actions(ng-if='::task.type=="habit"')
// score() is overridden in challengesCtrl to do nothing
a.task-action-btn(ng-if='task.up', ng-click='score(task,"up")') +
a.task-action-btn(ng-if='task.down', ng-click='score(task,"down")') -
a(ng-if='task.up', ng-click='score(task,"up")')
span.glyphicon.glyphicon-plus
a(ng-if='task.down', ng-click='score(task,"down")')
span.glyphicon.glyphicon-minus
// Rewards
span(ng-show='task.type=="reward"')