Fix CSS glitch in Gantt chart

This commit is contained in:
Frederic Guillot
2015-12-12 16:59:10 -05:00
parent dc40675f37
commit 7b99769227
2 changed files with 18 additions and 16 deletions

File diff suppressed because one or more lines are too long

View File

@@ -185,7 +185,7 @@ Gantt.prototype.addBlocks = function(slider, start) {
var block = jQuery("<div>", { var block = jQuery("<div>", {
"class": "ganttview-block tooltip" + (this.options.allowMoves ? " ganttview-block-movable" : ""), "class": "ganttview-block tooltip" + (this.options.allowMoves ? " ganttview-block-movable" : ""),
"title": this.getBarTooltip(this.data[i]), "title": this.getBarTooltip(series),
"css": { "css": {
"width": ((size * this.options.cellWidth) - 9) + "px", "width": ((size * this.options.cellWidth) - 9) + "px",
"margin-left": (offset * this.options.cellWidth) + "px" "margin-left": (offset * this.options.cellWidth) + "px"
@@ -193,23 +193,25 @@ Gantt.prototype.addBlocks = function(slider, start) {
}).append(text); }).append(text);
if (size >= 2) { if (size >= 2) {
text.append(this.data[i].progress); text.append(series.progress);
} }
block.data("record", this.data[i]); block.data("record", series);
this.setBarColor(block, this.data[i]); this.setBarColor(block, series);
block.append(jQuery("<div>", { if (series.progress != "0%") {
"css": { block.append(jQuery("<div>", {
"z-index": 0, "css": {
"position": "absolute", "z-index": 0,
"top": 0, "position": "absolute",
"bottom": 0, "top": 0,
"background-color": series.color.border, "bottom": 0,
"width": series.progress, "background-color": series.color.border,
"opacity": 0.4 "width": series.progress,
} "opacity": 0.4
})); }
}));
}
jQuery(rows[rowIdx]).append(block); jQuery(rows[rowIdx]).append(block);
rowIdx = rowIdx + 1; rowIdx = rowIdx + 1;