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

* improved appearance of tabs in IE7 and IE6

Browse source
This commit is contained in:
Max Pozdeev 2009-11-25 22:00:39 +03:00
parent 4ce24a2f6a
commit 5a0ad4e3a0
3 changed files with 19 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/ajax.js
View file

@ -918,7 +918,7 @@ function loadLists(onInit)
$.each(json.list, function(i,item){
item.i = i;
tabLists[i] = item;
ti += '<li class="'+(i==0?'mtt-tabs-selected':'')+'"><a href="#list'+item.id+'" onClick="mttTabSelected(this,'+i+');return false;" title="'+item.name+'">'+item.name+'</a></li>';
ti += '<li class="'+(i==0?'mtt-tabs-selected':'')+'"><a href="#list'+item.id+'" onClick="mttTabSelected(this,'+i+');return false;" title="'+item.name+'"><span>'+item.name+'</span></a></li>';
});
if(!curList) {
$('#lists .mtt-htabs').children().removeClass('invisible');
@ -941,7 +941,7 @@ function loadLists(onInit)
$('#rss_icon').hide();
if(flag.needAuth && !flag.isLogged) $('#page_tasks').hide();
}
ti += '<li class="mtt-tabs-button menu-owner"><a href="#" id="mylists" onClick="btnMenu(this);return false;"><img src="images/arrdown.gif"></a></li>';
ti += '<li class="mtt-tabs-button menu-owner"><a href="#" id="mylists" onClick="btnMenu(this);return false;"><span><img src="images/arrdown.gif"></span></a></li>';
$('#lists>ul').html(ti);
$('#lists').show();
});

4
src/index.php
View file

@ -109,8 +109,8 @@ $().ajaxStop( function(r,s) {$("#loading").fadeOut();} );
<div id="page_tasks">
<div id="lists" class="mtt-tabs">
<ul class=""></ul>
<div id="lists">
<ul class="mtt-tabs"></ul>
<div class="mtt-htabs">
<span id="rss_icon" style="display:none;"><a href="#" title="<?php _e('rss_feed');?>"><img src="images/feed_bw.png" style="border:none;" onMouseOver="this.src='images/feed.png'" onMouseOut="this.src='images/feed_bw.png'"></a></span>
<span id="htab_newtask"><?php _e('htab_newtask');?>

26
src/style.css
View file

@ -23,20 +23,24 @@ a { color:#0000ff; }
#authform div { padding:2px 0px; }
#authform div.h { font-weight:bold; }
.mtt-tabs ul { list-style: none; padding:0; margin:0; }
.mtt-tabs ul li { margin:1px 0 0 0; font-size:9pt; font-weight:bold; float: left; min-width:89px; max-width:199px; text-align:center; overflow:hidden; margin-right:3px; border-left:1px solid #ededed; background:#fbfbfb url(images/tab_hover.gif) no-repeat top right; }
.mtt-tabs ul a { margin:0; text-decoration:none; white-space:nowrap; color:#444444; display:block; height:21px; width:100%; padding:6px 2px 0px 2px; outline:none; }
.mtt-tabs ul li.mtt-tabs-selected { background:#ededed url(images/corner_right.gif) no-repeat top right; border-left:1px solid #ededed; }
.mtt-tabs ul li:hover a { color: #888888; }
.mtt-tabs { list-style:none; padding:0; margin:0; }
.mtt-tabs li { margin:1px 3px 0 0; float:left; width:89px; min-width:89px; max-width:199px; border-left:1px solid #ededed; background:#fbfbfb url(images/tab_hover.gif) no-repeat top right; }
.mtt-tabs a { margin:0; font-size:9pt; font-weight:bold; text-decoration:none; text-align:center; white-space:nowrap; color:#444444; display:block; height:21px; padding:6px 3px 0px 2px; outline:none; vertical-align:top; }
.mtt-tabs a span { display:block; width:89px; min-width:89px; cursor:pointer; padding:0;}
.mtt-tabs li.mtt-tabs-selected { background:#ededed url(images/corner_right.gif) no-repeat top right; border-left:1px solid #ededed; }
.mtt-tabs li:hover a { color: #888888; }
.mtt-tabs li.mtt-tabs-button { width:21px; min-width:21px; }
.mtt-tabs li.mtt-tabs-button a { padding:6px 0px 0px 0px; }
.mtt-tabs li.mtt-tabs-button a span { width:21px; min-width:21px; }
.mtt-tabs li.mtt-tabs-button a img { border:none; }
.mtt-tabs li.mtt-tabs-button:hover a img { opacity:0.5; }
#page_tasks.readonly li.mtt-tabs-button { display:none; }
*>.mtt-tabs li { width:auto; height:auto; }
*>.mtt-tabs a span { height:auto; width:auto; }
#page_tasks.readonly #htab_search a.htab-toggle { color:#444; }
.mtt-htabs { clear:both; padding:8px; border-bottom:2px solid #DEDEDE; background:url(images/corner_right.gif) no-repeat top right #ededed; }
#loading { float:left; padding-top:5px; background-color:#ffffff; display:none; padding-right:6px;}
.mtt-tabs ul li.mtt-tabs-button { min-width:21px; width:21px; }
.mtt-tabs ul li.mtt-tabs-button a { padding:6px 0px 0px 0px; }
.mtt-tabs ul li.mtt-tabs-button a img { border:none;}
.mtt-tabs ul li.mtt-tabs-button:hover a img { opacity:0.5; }
#page_tasks.readonly li.mtt-tabs-button { display:none; }
#task, #search { color:#444444; width:300px; }
.small-bar{ font-size:8pt; color:#999999; font-weight:normal;}
#searchbar { font-size:10pt; font-weight:normal; display:none; margin-top:5px; }