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

* search input made more flexible (for narrow screens)

Browse source
This commit is contained in:
Max Pozdeev 2010-09-08 22:22:51 +04:00
parent ed86787d2d
commit 8c83c94814
2 changed files with 10 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/themes/default/index.php
View file

@ -93,11 +93,13 @@ $().ready(function(){
<div id="toolbar" class="mtt-htabs">
<div id="htab_search" style="float:right;">
<div class="mtt-searchbox">
<input type="text" name="search" value="" maxlength="250" id="search" autocomplete="off" />
<div class="mtt-searchbox-icon mtt-icon-search"></div>
<div id="search_close" class="mtt-searchbox-icon mtt-icon-cancelsearch"></div>
</div>
<table class="mtt-searchbox"><tr><td>
<div class="mtt-searchbox-c">
<input type="text" name="search" value="" maxlength="250" id="search" autocomplete="off" />
<div class="mtt-searchbox-icon mtt-icon-search"></div>
<div id="search_close" class="mtt-searchbox-icon mtt-icon-cancelsearch"></div>
</div>
</td></tr></table>
</div>
<div id="htab_newtask">

5
src/themes/default/style.css
View file

@ -115,12 +115,13 @@ a { color:#0000ff; cursor:pointer; text-decoration:underline; }
/* Live Search */
#search {
color:#444444; background:#fff; height:1.35em; padding:2px 18px; width:150px;
color:#444444; background:#fff; height:1.35em; padding:2px 18px; width:100%; margin-left:-38px; /*padding+border*/
border:1px inset #F0F0F0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
}
#search_close { display:none; }
.mtt-searchbox { position:relative; width:188px; /* input width+padding+border */ }
.mtt-searchbox td { padding:0px; width:180px; }
.mtt-searchbox-c { position:relative; padding-left:38px; /*input padding+border*/ }
.mtt-searchbox-icon { width:16px; height:16px; position:absolute; top:50%; margin-top:-8px; }
.mtt-searchbox-icon.mtt-icon-search { background:url(images/mzl.png) 0px -16px no-repeat; left:4px; }