app-kanban.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. .kanban-application .kanban-wrapper {
  2. width: 100%;
  3. position: relative; }
  4. .kanban-application .kanban-wrapper .kanban-container {
  5. display: flex;
  6. width: max-content !important;
  7. padding-bottom: 1.5rem; }
  8. .kanban-application .kanban-wrapper .kanban-container .kanban-board {
  9. width: auto !important;
  10. height: 100%;
  11. background: transparent; }
  12. .kanban-application .kanban-wrapper .kanban-container .kanban-board:focus {
  13. outline: 0; }
  14. .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header {
  15. display: flex;
  16. justify-content: space-between;
  17. align-items: center;
  18. padding-left: 0;
  19. padding-right: 0; }
  20. .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board {
  21. color: #5e5873;
  22. font-size: 1.1rem;
  23. padding: 0.5rem;
  24. font-weight: 500;
  25. width: 100%;
  26. max-width: 13rem;
  27. white-space: nowrap;
  28. overflow: hidden;
  29. border-radius: 0.428rem; }
  30. .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board:hover, .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board:focus {
  31. background-color: #fff; }
  32. .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board:focus {
  33. outline: 0; }
  34. .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .dropdown .dropdown-toggle:after {
  35. display: none; }
  36. .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-drag {
  37. min-height: 1rem;
  38. min-width: 18.55rem;
  39. padding: 0; }
  40. .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-title-button {
  41. position: absolute;
  42. left: -8px;
  43. bottom: 0;
  44. margin: -1rem 0; }
  45. .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-title-button:focus {
  46. box-shadow: none; }
  47. .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item {
  48. position: relative;
  49. display: flex;
  50. flex-direction: column;
  51. background: #fff;
  52. width: 18.55rem;
  53. padding: 1rem 1.2rem;
  54. margin-bottom: 1.5rem;
  55. box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
  56. cursor: pointer;
  57. border-radius: 0.428rem;
  58. transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1), background 0s, color 0s, border 0s; }
  59. .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item i,
  60. .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item svg {
  61. stroke: #5e5873; }
  62. .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item .kanban-text {
  63. font-weight: 500; }
  64. .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item .item-dropdown {
  65. display: none;
  66. position: absolute;
  67. right: 0rem;
  68. cursor: pointer; }
  69. .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item .item-dropdown .dropdown-toggle:after {
  70. display: none; }
  71. .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item:hover .item-dropdown {
  72. display: block; }
  73. .kanban-application .add-new-board {
  74. margin-top: 22px;
  75. float: left;
  76. padding: 0 15px; }
  77. .kanban-application .add-new-board label {
  78. font-size: 1rem;
  79. font-weight: 700;
  80. margin-bottom: 0;
  81. cursor: pointer; }
  82. .kanban-application .update-item-sidebar {
  83. text-align: left; }
  84. .kanban-application .update-item-sidebar .avatar-add-member {
  85. background-color: rgba(108, 117, 125, 0.12); }
  86. .kanban-application .update-item-sidebar .avatar-add-member i,
  87. .kanban-application .update-item-sidebar .avatar-add-member svg {
  88. stroke: #5e5873; }
  89. .kanban-application .update-item-sidebar .comment-editor .ql-editor {
  90. min-height: 5.5rem; }
  91. .kanban-application .update-item-sidebar .comment-toolbar.ql-toolbar {
  92. width: 100%;
  93. text-align: right;
  94. border-top: 0; }
  95. .kanban-item.gu-mirror .item-dropdown .dropdown-toggle:after {
  96. display: none; }