blog-hexo/public/css/21599f71.css
2023-12-25 16:39:03 +08:00

1 line
2.1 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:not(:first-of-type){transform:translateX(-50%)}#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{border-radius:var(--radius-base,4px);color:var(--color-font);padding:0 10px;position:relative;z-index:10}#gantt-container .task-container .task-bar.expired{background:linear-gradient(to right,var(--color-grey),transparent);opacity:.6}#gantt-container .task-container .task-bar.doing{background:linear-gradient(to right,var(--color-red),transparent)}#gantt-container .task-container .task-bar.todo{background:linear-gradient(to right,var(--color-green),transparent);opacity:.6}#gantt-container .task-container .task-bar:hover{background:linear-gradient(to right,var(--color-teal),transparent);cursor:pointer}.roadmap{display:flex;flex-direction:column;height:100%}.roadmap .bar{align-items:center;border-bottom:1px solid var(--color-border-2);display:flex;gap:12px;height:60px;justify-content:center;padding:6px 24px}.roadmap #gantt-container{display:flex;flex:1;flex-direction:column;overflow-x:auto;overflow-y:hidden;position:relative}