1 line
2.0 KiB
CSS
1 line
2.0 KiB
CSS
|
#gantt-container{cursor:grab}#gantt-container:before{background:var(--color-border-2);content:"";height:1px;left:0;position:sticky;right:0;top:60px}#gantt-container .timeline-container{position:relative;user-select:none;white-space:nowrap}#gantt-container .timeline-container .days-row,#gantt-container .timeline-container .months-row{height:30px;position:relative}#gantt-container .timeline-container .day,#gantt-container .timeline-container .month{color:var(--color-font-2);height:30px;line-height:30px;position:absolute;text-align:center}#gantt-container .timeline-container .day.today,#gantt-container .timeline-container .month.today{position:relative}#gantt-container .timeline-container .day.today:before,#gantt-container .timeline-container .month.today:before{background-color:var(--color-primary);border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:-4px;transform:translateX(-50%);width:8px}#gantt-container .task-container{flex:1;position:relative}#gantt-container .task-container .task-bar{background:linear-gradient(to right,var(--color-primary-2),var(--color-primary-3));border-radius:var(--radius);cursor:pointer;padding:0 10px;z-index:10}.roadmap{display:flex;flex-direction:column;height:100%}.roadmap .timeline-bar{border-bottom:1px solid var(--color-border-2);height:45px;justify-content:space-between;padding:6px 24px}.roadmap .timeline-bar,.roadmap .timeline-bar section{align-items:center;display:flex}.roadmap .timeline-bar section button{background:var(--color-seg-selected);border:1px solid var(--color-seg-border);border-radius:var(--radius);box-shadow:0 1px 4px rgba(0,0,0,.09);color:var(--color-font);cursor:pointer;margin-left:8px;padding:2px 8px;transition:all .3s}.roadmap .timeline-bar section button:hover{color:var(--color-font-2)}.roadmap .timeline-bar section button:active{color:var(--color-font-3)}.roadmap .timeline-bar section button:first-child{margin-left:0}.roadmap #gantt-container{display:flex;flex:1;flex-direction:column;overflow-x:auto;overflow-y:hidden;position:relative}
|