angular-gantt
Version:
Gantt chart component for AngularJS
7 lines • 4.27 kB
CSS
/*!
* Project: angular-gantt v2.0.0-rc.1 - Gantt chart component for AngularJS
* Authors: Rémi Alvergnat <toilal.dev@gmail.com> (https://www.pragmasphere.com), Marco Schweighauser
* License: MIT
* Homepage: https://www.angular-gantt.com
* Github: https://github.com/angular-gantt/angular-gantt.git
*/.gantt{line-height:normal}.gantt-scrollable{overflow-x:auto}.gantt-scrollable,.gantt-scrollable-header{border-left:1px solid #ddd;border-right:1px solid #ddd}.gantt-scrollable-header{overflow-x:hidden}.gantt-header,.gantt-side,.gantt-task{cursor:default}.gantt-header{overflow:hidden}.gantt-row-label span.gantt-label-text{padding-left:12px;padding-right:12px}.gantt-row-label{overflow:hidden;white-space:nowrap}.gantt-valign-container{height:100%}.gantt-valign-content{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.gantt-side-background{position:absolute;height:100%;width:100%}.gantt-side-background-body{overflow:hidden}.gantt-side-content{position:relative;vertical-align:top;white-space:nowrap;overflow:hidden}.gantt-side-content>div.side-element{display:inline-block}.gantt-header-columns{position:relative;height:100%}.gantt-side{float:left;position:relative}.gantt-header-row{box-sizing:border-box;height:2em;white-space:nowrap;border-top:1px solid #ddd}.gantt-header-row-last{border-bottom:1px solid #ddd}.gantt-header-row .gantt-column-header{position:absolute;border-right:1px solid #ddd}.gantt-header-row .gantt-column-header-last{position:absolute;border-right:none}.gantt-header-row .gantt-column-header{box-sizing:border-box;display:inline-block;height:2em;text-align:center;padding-top:.5em;overflow:hidden;text-overflow:clip}.gantt-foreground-col,.gantt-foreground-col-current-date,.gantt-foreground-col-nonworkhour{position:absolute;box-sizing:border-box;display:inline-block;height:100%;border-right:1px solid #ddd}.gantt-foreground-col-nonworkhour{background-color:hsla(0,0%,78%,.3)}.gantt-column-header-last,.gantt-column-last{border-right:none}.gantt-side-background-header{position:relative}.gantt-side-header-row{position:absolute;bottom:0;width:100%;padding-left:12px;padding-right:12px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden;white-space:nowrap}.gantt-body{position:relative;height:100%}.gantt-body-rows{overflow-x:hidden;overflow-y:hidden}.gantt-body-background,.gantt-body-foreground{position:absolute;height:100%;width:100%}.gantt-body-columns,.gantt-resizer{position:absolute;height:100%}.gantt-resizer{z-index:1;right:-6px;top:0;width:12px}.gantt-resizer-enabled{cursor:ew-resize}.gantt-resizer-display{margin-left:auto;margin-right:auto;width:4px;background-color:#ddd;background-image:linear-gradient(90deg,transparent 50%,hsla(0,0%,100%,.5) 0);background-size:2px 2px;height:100%}.gantt-timeframe{position:absolute;box-sizing:border-box;height:100%}.gantt-timeframe-non-working{background-color:#d3d3d3;opacity:.3}.gantt-foreground-col-current-date{background-color:green;opacity:.6}.gantt-row-background,.gantt-row-content{position:absolute;width:100%;height:100%}.gantt-row-even>.gantt-row-background{background-color:#efefef}.gantt-row{position:relative}.gantt-row-height{height:2em}.gantt-task,.gantt-task-milestone{position:absolute;margin:auto;top:0;bottom:0;min-width:.6em;height:80%}.gantt-task-background{background-color:grey;border-radius:2px;overflow:hidden}.gantt-task-background,.gantt-task-content,.gantt-task-foreground{position:absolute;height:100%;width:100%}.gantt-task-content{text-align:center;vertical-align:middle;overflow:hidden;white-space:nowrap}.gantt-task-content>span{margin-left:8px;margin-right:8px}.gantt-task-truncated-left{position:absolute;top:0;bottom:0;left:.3em}.gantt-task-truncated-right{position:absolute;top:0;bottom:0;right:.3em}.gantt-task-truncated-left,.gantt-task-truncated-right{color:#fff;font-size:1.5em;font-weight:bolder}.gantt-timespan{position:absolute;box-sizing:border-box;display:inline-block;height:100%;color:#000;background-color:hsla(0,0%,62%,.5);border-left:1px solid #9e9e9e;border-right:1px solid #9e9e9e}.gantt-current-date-line{border:1px dotted green;opacity:.6;height:100%;position:absolute}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}