From 5a0ad4e3a0de80864b9156da8338e20fbeaa3a6c Mon Sep 17 00:00:00 2001
From: Max Pozdeev <maxpozdeev@gmail.com>
Date: Wed, 25 Nov 2009 22:00:39 +0300
Subject: [PATCH] * improved appearance of tabs in IE7 and IE6

---
 src/ajax.js   |  4 ++--
 src/index.php |  4 ++--
 src/style.css | 26 +++++++++++++++-----------
 3 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/ajax.js b/src/ajax.js
index cd4ed74..c804072 100644
--- a/src/ajax.js
+++ b/src/ajax.js
@@ -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();
 	});
diff --git a/src/index.php b/src/index.php
index c8d8124..085141e 100644
--- a/src/index.php
+++ b/src/index.php
@@ -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');?> 
diff --git a/src/style.css b/src/style.css
index 90210db..9a9a7dc 100644
--- a/src/style.css
+++ b/src/style.css
@@ -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; }