Kai/habitica
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added opacity to hide input field. Added enter to submit input fields. Added background color change when user focuses task with keyboard

Browse Source
This commit is contained in:
TheHollidayInn
2015-07-06 23:22:35 -05:00
parent 2946dd5c4a
commit 0089a260c7
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/public/css/tasks.styl
+5
View File
@@ -44,6 +44,8 @@ for $stage in $stages
background-color: darken($stage[1], 30%)
&:hover, &:focus
background-color: darken($stage[1], 40%)
input[type=checkbox]:focus + label
background-color: darken($stage[1], 40%)
.task-actions a:nth-of-type(2)
border-top: 1px solid darken($stage[1],50%) // If there are two habit buttons (+ -), add a border to separate them
.task-options
@@ -91,6 +93,8 @@ for $stage in $stages
background-color: darken($completed, 30%)
&:hover, &:focus
background-color: darken($completed, 40%)
input[type=checkbox]:focus + label
background-color: darken($completed, 40%)
.task-options
background-color: $completed
.option-group:not(.task-checklist)
@@ -281,6 +285,7 @@ for $stage in $stages
margin: 0
padding: 0
height: 0px
opacity: 0
width: 0px
.task-checker label
website/views/shared/tasks/task_view/index.jade
+2 -1
View File
@@ -19,7 +19,8 @@
span.task-checker.action-yesno(ng-if='::task.type=="daily" || task.type=="todo"')
input.visuallyhidden.focusable(id='box-{{::obj._id}}_{{::task.id}}', type='checkbox',
ng-model='task.completed', ng-if='$state.includes("tasks")',
ng-change='task.type=="todo" && pushTask(task,$index,"bottom"); changeCheck(task)')
ng-change='task.type=="todo" && pushTask(task,$index,"bottom"); changeCheck(task)'
ui-keypress='{13:"task.completed = !task.completed; changeCheck(task)"}' )
input.visuallyhidden.focusable(id='box-{{::obj._id}}_{{::task.id}}', type='checkbox',
ng-if='!$state.includes("tasks")')
label(for='box-{{::obj._id}}_{{::task.id}}')