@import "../default-skin.less";
@import "../../global/mixin.less";

// 甘特图组件
.c_gantt {
	background:@bg; position:relative; overflow-x:auto; overflow-y:hidden;
	.bg {
		position:absolute; bottom:0; top:0; left:0; overflow:visible;
		.month {
			ul { display:inline-block; margin-left:-1000em; left:1000em; position:relative;}
			li { float:left; width:9em; text-align:center; line-height:1+2*@gap; border-bottom:1px solid @fg-light-8; position:relative; background:@bg-dark-0-2;}
			li:after { content:""; position:absolute; right:0; width:1px; height:1000em; background:@bg-dark-2;}
			.x_clear;
		}
		.week {
			display:inline-block; margin-left:-1000em; left:1000em; position:relative;
			ul { position:relative;}
			li { float:left; box-sizing:border-box; border-right:1px solid @fg-light-9-3; height:1000em; width:2.1em;}
		}
	}
	.content {
		position:relative; margin-top:1+2*@gap; padding-bottom:@gap;
		ul { padding-top:0.5*@gap;}
		li {
			position:relative; margin-top:0.5*@gap;
			.bar {
				background:@primary-light-3; position:relative;
				.progress { display:block; height:1+1.5*@gap; width:3em; background:@primary-dark-1;}
				.title { position:absolute; z-index:2; color:@bg; left:0.75em; top:0; line-height:1+1.5*@gap; right:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
			}
			.info { line-height:1+0.25*@gap; margin-top:0.5*@gap; color:@fg-light-5; white-space:nowrap; display:none;}
			.info ~ .info { margin-top:0.25*@gap;}
			&.delayed {
				.bar { background:@warning-light-3;}
				.progress { background:@warning-dark-1;}
			}
		}
	}
}



// 边框
.c_gantt-border { border:1px solid @fg-light-8-5;}



// 信息插件
.c_gantt-info {
	.content {
		li {
			margin-top:@gap;
			.info { display:block;}
		}
	}
}