react-gantt-elastic
Version:
Gantt chart. Elastic javascript gantt chart. React gantt. Project manager responsive gantt. jquery gantt.
42 lines (41 loc) • 994 B
CSS
[class^="gantt-elastic"],
[class*=" gantt-elastic"] {
box-sizing: border-box;
}
.gantt-elastic__main-view svg {
display: block;
}
.gantt-elastic__grid-horizontal-line,
.gantt-elastic__grid-vertical-line {
stroke: #a0a0a0;
stroke-width: 1;
}
foreignObject > * {
margin: 0px;
}
.gantt-elastic .p-2 {
padding: 10rem;
}
.gantt-elastic__main-view-main-container,
.gantt-elastic__main-view-container {
overflow: hidden;
max-width: 100%;
}
.gantt-elastic__task-list-header-column:last-of-type {
border-right: 1px solid #00000050;
}
.gantt-elastic__task-list-item:last-of-type {
border-bottom: 1px solid #00000050;
}
.gantt-elastic__task-list-item-value-wrapper:hover {
overflow: visible ;
}
.gantt-elastic__task-list-item-value-wrapper:hover
> .gantt-elastic__task-list-item-value-container {
position: relative;
overflow: visible ;
}
.gantt-elastic__task-list-item-value-wrapper:hover
> .gantt-elastic__task-list-item-value {
position: absolute;
}