prehistoric-systems/mytinytodo
1
0
Fork 0
mirror of https://github.com/maxpozdeev/mytinytodo.git synced 2026-03-11 08:55:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

* task and search input focus toggle in pda style

Browse source
This commit is contained in:
Max Pozdeev 2010-09-09 21:04:36 +04:00
parent 3dea0b7134
commit bf172d114b
2 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/mytinytodo.js
View file

@ -130,8 +130,10 @@ var mytinytodo = window.mytinytodo = _mtt = {
}
}).focusin(function(){
$('#task_placeholder').removeClass('placeholding');
$('#toolbar').addClass('mtt-intask');
}).focusout(function(){
if('' == $(this).val()) $('#task_placeholder').addClass('placeholding');
$('#toolbar').removeClass('mtt-intask');
});
@ -164,10 +166,14 @@ var mytinytodo = window.mytinytodo = _mtt = {
}
return false; //need to return false in firefox (for AJAX?)
}
}).focusin(function(){
$('#toolbar').addClass('mtt-insearch');
$(this).focus();
}).focusout(function(){
$('#toolbar').removeClass('mtt-insearch');
});
$('#taskview').click(function(){
if(!_mtt.menus.taskview) _mtt.menus.taskview = new mttMenu('taskviewcontainer');
_mtt.menus.taskview.show(this);

8
src/themes/default/pda.css
View file

@ -8,6 +8,14 @@ h3 { margin-bottom:4px; padding:4px 0; }
#tabs ul li { width:70px; margin-right: 1px; }
.tab-content { padding:4px; }
#htab_search { width:40%; max-width:190px; }
.mtt-searchbox { float:right; }
.mtt-searchbox td { width:40%; }
#toolbar.mtt-intask #htab_search { display:none; }
#toolbar.mtt-insearch #htab_newtask { display:none; }
#toolbar.mtt-insearch #htab_search { width:100%; }
#toolbar.mtt-insearch .mtt-searchbox td { width:40%; }
#tasklist li { padding:0.5em 3px; overflow:hidden; }
.task-actions { display:none; }
.task-date { display:none; }