taskkanban.css 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. #main {padding-bottom: 10px;}
  2. #main > .container {max-width: 1960px!important; padding: 0 10px}
  3. .kanban + .kanban {margin-top: 15px}
  4. .kanban-card > .title {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
  5. .kanban-card > .infos {position: relative; margin-top: 5px}
  6. .kanban-card > .infos > .info + .info {margin-left: 8px}
  7. .kanban-card > .infos > .info-id,
  8. .kanban-card > .infos > .info-deadline,
  9. .kanban-card > .infos > .info-estimate {font-size: 12px; position: relative; top: 2px}
  10. .kanban-card > .infos > .label-pri {min-width: 16px; line-height: 14px; height: 16px; padding: 0}
  11. .kanban-card > .infos > .label-severity {transform: scale(.75)}
  12. .kanban-card > .infos > .avatar {position: absolute; right: 0; top: 0}
  13. .kanban-card > .actions {position: absolute; top: 4px; right: 4px; opacity: 0;}
  14. .kanban-card:hover > .actions {opacity: 1;}
  15. .kanban-card > .actions > a {display: block; float: left; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 4px; opacity: .7;}
  16. .kanban-card > .actions > a:hover {background-color: rgba(0,0,0,.075); opacity: 1;}
  17. .kanban-header-col > .actions {top: auto!important; right: 5px!important;}
  18. .kanban-header-parent-col .kanban-header-col > .actions {padding-top: 6px; padding-right: 2px;}
  19. .kanban-header-col > .actions > a {display: block; float: left; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 4px; opacity: .7;}
  20. .kanban-header-col > .actions > a:hover {background-color: rgba(0,0,0,.075); opacity: 1;}
  21. .kanban-lane-name > .actions {position: absolute; top: 0; left: 0; right: 0; opacity: 0;}
  22. .kanban-lane-name:hover > .actions {opacity: 1;}
  23. .kanban-lane-name > .actions > a {display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; opacity: .7; color: #fff;}
  24. .kanban-lane-name > .actions > a:hover {background-color: rgba(0,0,0,.2); opacity: 1;}
  25. .kanban-affixed .kanban-header-col > .title > .text,
  26. .kanban-affixed .kanban-header-col > .title > .count {color: #fff!important;}
  27. .kanban-header-col > .title > .text {max-width: 110px !important;}
  28. .kanban-header-col > .title > .storyColumn .text {font-weight: 700; color:rgb(51, 51, 51);}
  29. .kanban-header-col > .title > .storyColumn + .dropdown-menu {top: 45px; left: auto;}
  30. .kanban-header-sub-cols .kanban-header-col > .title .text {max-width: calc(100% - 130px) !important;}
  31. #kanbanContainer {margin: 0;}
  32. #kanbanContainer > .panel-body {overflow: auto;}
  33. #kanbans .kanban {min-height: initial;}
  34. #kanbans .kanban-lane {min-height: 150px; margin-top: 2px;}
  35. #kanbans .kanban-affixed > .kanban-header {top: 100px;}
  36. #kanbans .kanban-card[data-scale-size="4"] {padding: 10px;}
  37. #kanbans .kanban-card[data-scale-size="3"] {padding: 3px 4px;}
  38. #kanbans .kanban-card[data-scale-size="3"] > .title {white-space: normal; max-height: 100%;}
  39. #kanbans .kanban-card[data-scale-size="2"] {padding: 3px 8px; overflow: hidden;}
  40. #kanbans .kanban-card[data-scale-size="2"] > .title {display: inline; line-height: 18px; white-space: normal; max-height: 100%; word-break: break-all;}
  41. #kanbans .kanban-card[data-scale-size="2"] > .infos {display: inline-block; height: 18px; vertical-align: top; margin: 0;}
  42. #kanbans .kanban-card[data-scale-size="2"] > .infos > .info-pri {transform: scale(.8); vertical-align: top;}
  43. #kanbans .kanban-card[data-scale-size="2"] > .infos > .avatar {display: inline-block; transform: scale(.8); position: relative; top: -2px; vertical-align: top; margin-right: -1px;}
  44. #kanbans .kanban-card[data-scale-size="2"] > .infos > .info-estimate {top: -1px;}
  45. #kanbans .kanban-col {padding: 0px !important;}
  46. #kanbanScaleControl {width: 100px;}
  47. #kanbanScaleControl .input-group-addon {background: #fff; padding: 5px;}
  48. #kanbanScaleControl > .input-group-btn:first-child > .btn {border-radius: 16px 0 0 16px; border-right-color: transparent;}
  49. #kanbanScaleControl > .input-group-btn:last-child > .btn {border-radius: 0 16px 16px 0; border-left-color: transparent;}
  50. #kanbanScaleControl > .input-group-btn > .btn:hover {border-color: #b8bfce;}
  51. #type_chosen .icon-kanban {padding-right: 10px; font-size: 15px;}
  52. .dropdown-menu a {text-align: left;}
  53. .scrollbar-hover {overflow: scroll !important;}
  54. .c-type {width: 150px !important; overflow: unset;}
  55. .c-group {width: 190px !important; overflow: unset;}
  56. .c-type {margin-left: 0px !important;}
  57. .headerTop {top: 0px !important;}
  58. .kanban-header-col>.actions>a {padding: 0px !important;}
  59. #taskKanbanSearch.input-group {float: left; width: min-content;}
  60. #teskKanbanSearchInput {width: 150px;}
  61. #searchBox {display: none; width: 150px;}
  62. .btn-link.querybox-toggle {background-color: rgba(0,0,0,0);}
  63. #kanbans .kanban-affixed .kanban-header-col .title.action-dbc {pointer-events: none;}
  64. #kanbans .kanban-affixed .kanban-header-col .title.action-dbc .storyColumn .text {color: #fff;}
  65. #kanbans .kanban-affixed .kanban-header-col .title.action-dbc .storyColumn .caret {display: none;}
  66. .kanban-card a[disabled] {color: #313c52;}
  67. .kanban-col .icon-arrow-up + .tooltip {white-space: nowrap;}