gistfile1.diff

Index: C:/PhosDev/EAMarketingPortal/branches/christian.axelsson/apps/CampaignTrackerWeb/Css/layout.css
===================================================================
--- C:/PhosDev/EAMarketingPortal/branches/christian.axelsson/apps/CampaignTrackerWeb/Css/layout.css	(revision 93)
+++ C:/PhosDev/EAMarketingPortal/branches/christian.axelsson/apps/CampaignTrackerWeb/Css/layout.css	(revision 94)
@@ -106,6 +106,7 @@
 	background-color: #fffff7;
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
+	border-radius: 3x;
 	border: 1px solid #7f7f7f;
 	padding: 8px;
 	margin-top: -4px;
@@ -1255,6 +1256,7 @@
 .dupefirstcol { background: url(../images/themes/theme_default/table_headerbg.gif) 0 20px repeat-x; }
 .dupefirstcol tbody th { border-bottom: none; }
 
+/* status legend */
 #statusLegend {
 	position: fixed;
 	bottom: 0; left: 0;
@@ -1265,17 +1267,21 @@
 	color: #fff;
 	line-height: 23px;
 }
-#statusLegend dl { margin: 0 0 0 15px; line-height: 23px; float: left; }
-
-#statusLegend dt {
-	display:-moz-inline-stack;
+#statusLegend > div { margin: 0 0 0 15px; line-height: 23px; float: left; }
+#statusLegend .icon {
 	display:inline-block;
 	zoom:1;
-	*display:inline;
-	width: 10px; height: 10px;
+	width: 10px;
+	height: 10px;
 	vertical-align: middle;
 	margin-right: 5px;
 }
+#statusLegend .description {
+	display: none;
+}
+#statusLegend .tooltip-bubble {
+	color: #000;
+}
 #statusLegend dd { vertical-align: middle; margin-right: 10px; }
 
 /* themes */
Index: C:/PhosDev/EAMarketingPortal/branches/christian.axelsson/apps/CampaignTrackerWeb/js/gui.js
===================================================================
--- C:/PhosDev/EAMarketingPortal/branches/christian.axelsson/apps/CampaignTrackerWeb/js/gui.js	(revision 93)
+++ C:/PhosDev/EAMarketingPortal/branches/christian.axelsson/apps/CampaignTrackerWeb/js/gui.js	(revision 94)
@@ -1680,6 +1680,19 @@
 		Teams.init();
 		setTimeout(function () { Poller.poll(); }, 1000);
 
+		$('.statusLegendItem').toolTip({
+					tooltipSelector: '.statusLegendItem',
+					toolTopContentSelector: '> .description',
+					toolTipElementClass: 'tooltip-bubble',
+					toolTipElementLeftClass: 'tooltip-bubble-left',
+					toolTipElementArrowClass: 'tooltip-arrow',
+					toolTipCordsModifier: function(cords, eloffset, tooltipdim, eldim) {
+						cords.x = eloffset.left - 20;
+						cords.y = eloffset.top - eldim.h - 28;
+						return cords;
+					}
+		});
+
 		$('.teamsSearch').click(function () {
 			var clickObj = $(this);
 
Index: C:/PhosDev/EAMarketingPortal/branches/christian.axelsson/apps/CampaignTrackerWeb/Main.Master
===================================================================
--- C:/PhosDev/EAMarketingPortal/branches/christian.axelsson/apps/CampaignTrackerWeb/Main.Master	(revision 93)
+++ C:/PhosDev/EAMarketingPortal/branches/christian.axelsson/apps/CampaignTrackerWeb/Main.Master	(revision 94)
@@ -37,18 +37,31 @@
 				<ct:SettingsPanel ID="spPanel" runat="server" />
 			</div>
 			<div id="statusLegend">
-				<dl>
-					<dt class="done">&nbsp;</dt>
-					<dd>Done</dd>
-					<dt class="ontrack">&nbsp;</dt>
-					<dd>On Track</dd>
-					<dt class="lowrisk">&nbsp;</dt>
-					<dd>At Risk</dd>
-					<dt class="highrisk">&nbsp;</dt>
-					<dd>Critical</dd>
-					<dt class="onhold">&nbsp;</dt>
-					<dd>On hold</dd>
-				</dl>
+				<div class="statusLegendItem">
+					<div class="done icon"></div>
+					<label>Done</label>
+					<span class="description">Milestone delivered</span>
+				</div>
+				<div class="statusLegendItem">
+					<div class="ontrack icon"></div>
+					<label>On Track</label>
+					<span class="description">Milestone is tracking to the scheduled delivery date</span>
+				</div>
+				<div class="statusLegendItem">
+					<div class="lowrisk icon"></div>
+					<label>At Risk</label>
+					<span class="description">Milestone is in danger of missing the scheduled delivery date please check the comments</span>
+				</div>
+				<div class="statusLegendItem">
+					<div class="highrisk icon"></div>
+					<label>Critical</label>
+					<span class="description">Milestone has missed the scheduled delivery date</span>
+				</div>
+				<div class="statusLegendItem">
+					<div class="onhold icon">&nbsp;</div>
+					<label>On Hold</label>
+					<span class="description">Milestone is on hold please check the comments</span>
+				</div>
 				<a class="maillink" href="mailto:[email protected]">Email Campaign Tracker Team</a>
 				<asp:HyperLink ID="hpOverviewExcel" runat="server" CssClass="fltright iconexcel" Visible="false" NavigateUrl="Handlers/GetMilestoneExcel.ashx" EnableViewState="false">Generate Excel</asp:HyperLink>
 				<asp:HyperLink ID="hpMilestoneExcel" runat="server" CssClass="fltright iconexcel" Visible="false"  EnableViewState="false">Generate Excel</asp:HyperLink>