sudoxreboot/habitica-self-host
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica-self-host.git synced 2026-08-02 04:00:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

better a11y than display:none

Browse source
This commit is contained in:
Zachary Kain 2013-03-05 22:19:20 -05:00
parent 174c7a8b9f
commit 84e07a0317
2 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app/tasks.coffee
View file

@ -117,8 +117,8 @@ module.exports.app = (appExports, model) ->
appExports.toggleTaskEdit = (e, el) ->
hideId = $(el).attr('data-hide-id')
toggleId = $(el).attr('data-toggle-id')
$(document.getElementById(hideId)).hide()
$(document.getElementById(toggleId)).toggle()
$(document.getElementById(hideId)).addClass('visuallyhidden')
$(document.getElementById(toggleId)).toggleClass('visuallyhidden')
appExports.toggleChart = (e, el) ->
hideSelector = $(el).attr('data-hide-id')

5
views/app/tasks.html
View file

@ -184,9 +184,10 @@
<app:taskMeta />
</li>
<!-- task edit/options -->
<taskMeta:>
<div style="display:none;" id={{:task.id}}-edit>
<hr/>
<div id="{{:task.id}}-edit" class="task-options visuallyhidden">
<hr>
<form x-bind=submit:toggleTaskEdit data-toggle-id="{{:task.id}}-edit">
<div class=control-group>
<label>Text</label><input type=text value={:task.text} />