browse.ui.css 4.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. .gantt_container, .gantt_tooltip {font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Source Han Sans CN", "Source Han Sans", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif}
  2. .gantt_grid_scale .gantt_grid_head_cell,.gantt_task .gantt_task_scale .gantt_scale_cell {color: #838a9d;}
  3. .gantt_task_line.gantt_selected {box-shadow: 0 1px 1px rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.045)}
  4. .gantt_link_arrow_right {border-left-color: #2196F3;}
  5. .gantt_link_arrow_left {border-right-color: #2196F3;}
  6. .gantt_task_link .gantt_line_wrapper div{background-color: #2196F3;}
  7. .gantt_critical_link .gantt_line_wrapper>div {background-color: #e63030 !important;}
  8. .gantt_critical_link.start_to_start .gantt_link_arrow_right {border-left-color: #e63030 !important;}
  9. .gantt_critical_link.finish_to_start .gantt_link_arrow_right {border-left-color: #e63030 !important;}
  10. .gantt_critical_link.start_to_finish .gantt_link_arrow_left {border-right-color: #e63030 !important;}
  11. .gantt_critical_link.finish_to_finish .gantt_link_arrow_left {border-right-color: #e63030 !important;}
  12. .gantt_task_link.start_to_start .gantt_line_wrapper div { background-color: #DD55EA; }
  13. .gantt_task_link.start_to_start:hover .gantt_line_wrapper div { box-shadow: 0 0 5px 0px #DD55EA; }
  14. .gantt_task_link.start_to_start .gantt_link_arrow_right { border-left-color: #DD55EA; }
  15. .gantt_task_link.finish_to_start .gantt_line_wrapper div { background-color: #7576ba; }
  16. .gantt_task_link.finish_to_start:hover .gantt_line_wrapper div { box-shadow: 0 0 5px 0px #7576ba; }
  17. .gantt_task_link.finish_to_start .gantt_link_arrow_right { border-left-color: #7576ba; }
  18. .gantt_task_link.finish_to_finish .gantt_line_wrapper div { background-color: #55d822; }
  19. .gantt_task_link.finish_to_finish:hover .gantt_line_wrapper div { box-shadow: 0 0 5px 0px #55d822; }
  20. .gantt_task_link.finish_to_finish .gantt_link_arrow_left { border-right-color: #55d822; }
  21. .gantt_task_link.start_to_finish .gantt_line_wrapper div { background-color: #975000; }
  22. .gantt_task_link.start_to_finish:hover .gantt_line_wrapper div { box-shadow: 0 0 5px 0px #975000; }
  23. .gantt_task_link.start_to_finish .gantt_link_arrow_left { border-right-color: #975000; }
  24. .gantt_critical_task{background:#e63030 !important; border-color:#9d3a3a !important;}
  25. .gantt_grid_head_cell.gantt_grid_head_text {overflow:visible;}
  26. .gantt_cell .delayed {background: #FFEBEB; color: #FB2B2B;}
  27. .gantt_task_content{color:#000000;}
  28. .gantt_grid_head_cell .sort {position: relative;display: inline-block;padding-right: 16px;color: #3c4353;}
  29. .gantt_grid_head_cell .sort:before,
  30. .gantt_grid_head_cell .sort:after {font-family: ZentaoIcon; font-style: normal; font-variant: normal; font-weight: 400; font-size: 14px; line-height: 1; text-transform: none; -webkit-font-smoothing: antialiased; content: "\f0dc"; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0; bottom: 0; opacity: .3}
  31. .gantt_grid_head_cell .sort.sort-up:after {content: "\f0de"; opacity: 1; z-index: 1;}
  32. .gantt_grid_head_cell .sort.sort-down:after {content: "\f0dd"; opacity: 1; z-index: 1;}
  33. .gantt_grid_head_cell, .gantt_scale_cell{color:#000000!important;}
  34. .is-in-fullscreen #header,
  35. .is-in-fullscreen #menuViewSwitcher,
  36. .is-in-fullscreen #actionBar {display: none!important;}
  37. .is-in-fullscreen #fullScreenBtn > .icon-fullscreen::before {content: "\e972";}
  38. .is-in-fullscreen #myCover {height: calc(100vh - 72px)!important;}
  39. #mainContainer {background: var(--zt-page-bg);}
  40. #ganttHeader {display: none;}
  41. #mainContent {--load-indicator-delay: 0}
  42. #mainContent.loading {overflow: hidden; height: calc(100vh - 120px);}
  43. #mainContent.loading::before {background: var(--color-canvas);}
  44. #mainContent.loading #ganttHeader {display: flex;}
  45. #mainContent.loading #ganttContainer {padding: 40px; background-color: var(--color-canvas);}
  46. #mainContent.loading .scrollVer_cell,
  47. #mainContent.loading .scrollVer_cell {display: none;}
  48. #mainContent.loading #myCover {height: auto!important;}
  49. #mainContent.loading .gantt_grid_head_cell .sort:before {display: none!important;}
  50. .gantt_tree_content{color:#838A9D;}
  51. .gantt_row > div:first-child .gantt_tree_content{color:#3C4353;}
  52. .gantt_task_line.gantt_task_inline_color{border:0px;}
  53. .gantt_grid_scale, .gantt_task_scale, .gantt_task_vscroll{background-color: #F2F7FF;}
  54. .is-collapsed .gantt-toggle-icon .icon-collapse-alt:before {content: "\e6f1";}
  55. .gantt_tree_content .btn {--btn-height: 1.5rem; line-height: 1rem; font-size: .75rem; color: rgba(var(--color-primary-500-rgb), var(--tw-text-opacity, 1)); --skin-text: inherit; --skin-ghost-rgb: var(--color-fore-rgb); aspect-ratio: 1 / 1; padding-left: 0; padding-right: 0; background-color: transparent; box-shadow: none;}
  56. .gantt_task_content span.task-label, .gantt_task_content span.label-pri{display: none;}
  57. .gantt_task_content {color: #fff}