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 .month{font-size:12px}#gantt-container .timeline-container .day{font-size:13px}#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;position:relative;transition:all .3s ease-in-out;z-index:10}#gantt-container .task-container .task-bar.expired{color:var(--color-font-3)}#gantt-container .task-container .task-bar.doing{color:var(--color-font)}#gantt-container .task-container .task-bar.todo{color:var(--color-font-2)}.roadmap{display:flex;flex-direction:column;height:100%}.roadmap .timeline-bar{border-bottom:1px solid var(--color-border-2);height:60px;justify-content:center;padding:6px 24px}.roadmap .timeline-bar,.roadmap .timeline-bar section{align-items:center;display:flex}.roadmap .timeline-bar section button{margin-left:8px}.roadmap .timeline-bar section button:first-of-type{margin:0}.roadmap #gantt-container{display:flex;flex:1;flex-direction:column;overflow-x:auto;overflow-y:hidden;position:relative} |