browse.css 4.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. table th.col-closed {width:15%}
  2. #mainContent {padding: 0 12px 12px 12px;}
  3. #kanban {background: #edeef2;}
  4. #kanbanWrapper {margin-bottom: 0px;}
  5. #kanbanHeader {height: 48px; background: #fff;}
  6. #kanbanHeader th {border-right: 1px solid rgba(185, 196, 217, 0.3); border-bottom: 0px solid #fff; padding:8px; text-align: center;}
  7. #kanbanWrapper {table-layout: fixed; border-top: none}
  8. #kanbanWrapper > tbody > tr:first-child > td {border-top: none}
  9. #kanbanWrapper thead th, #kanbanWrapper thead, #kanbanWrapper thead tr {padding: 0!important; border: none!important; height: 0!important; border-bottom: none!important}
  10. #kanbanWrapper tbody td {vertical-align: top; padding: 8px; height:70px; min-height:70px}
  11. #kanbanWrapper tbody th {background: #f1f1f1}
  12. #kanbanWrapper .board-shadow {height: 0; opacity: 0; transition: opacity 0.2s;}
  13. #kanbanWrapper tbody tr.dragging td.col-droppable {background: #fff4e5}
  14. #kanbanWrapper tbody tr.dragging td.col-droppable.drop-to {background: #ffeacc}
  15. #kanbanWrapper tbody tr.dragging td.col-droppable.drop-to .board-deploy + .board-shadow {margin-top: 6px;}
  16. #kanbanWrapper tbody tr.dragging td.col-droppable.drop-to .board-shadow {height: 28px; background: #999; background: rgba(0,0,0,0.35); opacity: 1;}
  17. #kanbanWrapper tbody tr.dragging td.col-droppable.drop-to.drag-from .board-shadow {display: none}
  18. #kanbanWrapper .board.drag-from.dragging {opacity: 0.8;}
  19. #kanban.dragging, .drag-shadow {cursor: move!important;}
  20. .board {background: #333; color: #f1f1f1; color: rgba(255,255,255,0.9); opacity: 1; padding: 6px 6px 6px 10px; transition: all 0.2s; position:relative;}
  21. .board + .board {margin-top: 6px;}
  22. .board:hover {opacity: 1}
  23. .board a {opacity: 0.9; color: inherit}
  24. .board a:hover {opacity: 1}
  25. .board-title, .board-header, .board-footer {padding: 2px 0}
  26. .board-title {padding-right:20px;}
  27. .board-title a{display:block;}
  28. .board-actions {position: absolute; right: 3px; top: 3px}
  29. .board-actions .btn {color: inherit; margin: 3px 0px; min-width: 20px}
  30. .board-actions .btn:active, .board-actions .btn:focus, .board-actions .btn:hover {background: #999; color: inherit; background: rgba(255,255,255,.2);}
  31. .ie-8 .board-actions .btn {min-width: 10px}
  32. .board-actions > .dropdown {display: inline-block; margin-left: -5px;}
  33. .board .dropdown-menu {min-width: 80px;}
  34. .board .dropdown .caret {border-top-color: #999}
  35. .board .dropdown-menu > a {display: block; padding: 3px 15px; color: #333; font-size: 12px}
  36. .board .dropdown-menu > a:hover {background: #f1f1f1; color: #1a53ff; text-decoration: none}
  37. .board .dropdown-menu > a.disabled, .board .dropdown-menu > a.disabled:hover, .board .dropdown-menu > a.active {color: #aaa; background: none}
  38. .board .board-footer {display: block; margin: 0 -6px -3px -6px; padding: 5px 13px 5px 8px; background: rgba(0,0,0,0.07);}
  39. .board {background: #ddd; color: #444; outline: 1px solid rgba(0,0,0,.1); outline-offset: -1px;}
  40. .board:hover {outline: 1px solid rgba(0,0,0,.3);}
  41. .success {color: #11a578;}
  42. .deploy-result .icon-close {background: #ff5858; color: #fff; border-color: #ff5858;}
  43. .deploy-result .icon-check {background: #17ce97; color: #fff; border-color: #17ce97;}
  44. .resultIcon {border: 2px solid; border-radius: 100%; font-size: 12px;}
  45. .board.inverse {background: #333; color: #f1f1f1;}
  46. .board.inverse:hover {color: #fff;}
  47. .board-deploy.inverse {background: #2b529c}
  48. .board-deploy-done.inverse {background: #229F24}
  49. .board .board-footer, .board-deploy {background: #fff;}
  50. .affix {position:fixed; top:0px; width:95%;z-index:1030;}
  51. #kanbanHeader.affix {box-shadow: 0 3px 10px rgba(0,0,0,.1);}
  52. #kanbanHeader.affix th {border-bottom: 1px solid #bbb; background: #114f8e; color: #ccc; color: rgba(255,255,255,.8)}
  53. #kanbanHeader.affix th {border-color: rgba(255,255,255,.2)}
  54. .col-today{width: 20%}
  55. .col-tomorrow{width: 20%}
  56. .col-thisweek{width: 20%}
  57. .col-thismonth{width: 20%}
  58. .col-done{width: 20%; border-right: 0px solid #fff !important;}
  59. .col-droppable {border-right: 1px solid rgba(219, 224, 238, 0.3) !important; border-bottom: 1px solid #fff !important;}
  60. .ghost {--tw-ring-color: transparent; background-color: transparent; border: none}
  61. .ghost i {margin-right: 5px;}