main.css 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. .bx-tasks-tasklist .bx-def-color-bg-hl{
  2. display: flex;
  3. flex-wrap: wrap;
  4. justify-content: space-between;
  5. align-items: center
  6. }
  7. .bx-tasks-tasklist-title {
  8. font-weight: bold;
  9. white-space: nowrap;
  10. overflow: hidden;
  11. text-overflow: ellipsis;
  12. display: inline-block;
  13. max-width: calc(100% - 220px);
  14. }
  15. .bx-task-due-date {
  16. color: red;
  17. }
  18. .bx-tasks-members .bx-base-pofile-unit-wo-info {
  19. width: 2rem;
  20. height: 2rem;
  21. display: inline-block;
  22. }
  23. .bx-tasks-members .bx-def-thumb-size{
  24. width: 2rem;
  25. height: 2rem;
  26. font-size: 1rem;
  27. }
  28. .bx-tasks-members div.bx-base-pofile-unit-wo-info {
  29. margin-left: -1rem;
  30. }
  31. .bx-tasks-task-checkbox{
  32. display: inline-block;
  33. height: 24px;
  34. }
  35. .bx-tasks-task-checkbox input[type=checkbox] {
  36. display:none;
  37. }
  38. .bx-tasks-task-checkbox input[type=checkbox] + label{
  39. background:url("../images/completed.svg") #FFFFFF;
  40. height: 24px;
  41. width: 24px;
  42. display:inline-block;
  43. padding: 0;
  44. cursor: pointer;
  45. }
  46. .bx-tasks-task-checkbox input[type=checkbox]:checked + label{
  47. background:url("../images/uncompleted.svg") #FFFFFF;
  48. height: 24px;
  49. width: 24px;
  50. display:inline-block;
  51. padding: 0;
  52. }
  53. .bx-tasks-task{
  54. display: flex;
  55. justify-content: space-between;
  56. align-items: center
  57. }
  58. .bx-tasks-members{
  59. flex-grow: 2;
  60. text-align: right;
  61. }
  62. .bx-tasks-task .bx-badge, .bx-tasks-task .bx-badges-list{
  63. display: inline-block;
  64. }
  65. .bx-tasks-tasklist .bx-tasks-task-completed{
  66. display: none;
  67. }
  68. .bx-tasks-tasklist-filter-all .bx-tasks-task-completed{
  69. display: flex;
  70. }
  71. .bx-tasks-tasklist-filter-completed .bx-tasks-task-uncompleted{
  72. display: none;
  73. }
  74. .bx-tasks-tasklist-filter-completed .bx-tasks-task-completed{
  75. display: flex;
  76. }
  77. .bx-tasks-tasklist .bx-def-border-bottom:last-child{
  78. border: none;
  79. }
  80. .bx-tasks-task .bx-tasks-task-name{
  81. max-width: 50%;
  82. white-space: nowrap;
  83. overflow: hidden;
  84. text-overflow: ellipsis;
  85. display: inline-block;
  86. }
  87. .ui-autocomplete{
  88. z-index: 10000 !important;
  89. }
  90. .bx-media-desktop .bx-tasks-form-cnt{
  91. width: 800px;
  92. }