You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

issue-list.css 1.8KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. .issue-list-toolbar {
  2. display: flex;
  3. flex-wrap: wrap-reverse;
  4. justify-content: space-between;
  5. align-items: flex-start;
  6. gap: 1rem;
  7. margin-top: 1rem;
  8. }
  9. .issue-list-toolbar-left {
  10. display: flex;
  11. align-items: center;
  12. }
  13. .issue-list-toolbar-right .filter.menu {
  14. flex-direction: row;
  15. flex-wrap: wrap;
  16. }
  17. @media (max-width: 767.98px) {
  18. .issue-list-toolbar-right .dropdown .menu {
  19. left: auto !important;
  20. right: auto !important;
  21. }
  22. .issue-list-navbar {
  23. order: 0;
  24. }
  25. .issue-list-new {
  26. order: 1;
  27. margin-left: auto !important;
  28. }
  29. .issue-list-search {
  30. order: 2 !important;
  31. }
  32. }
  33. #issue-list .flex-item-title .labels-list {
  34. display: flex;
  35. flex-wrap: wrap;
  36. gap: 0.25em;
  37. }
  38. #issue-list .flex-item-title .labels-list a {
  39. display: flex;
  40. text-decoration: none;
  41. }
  42. #issue-list .flex-item-title .labels-list .label {
  43. padding: 0 6px;
  44. margin: 0;
  45. min-height: 20px;
  46. }
  47. #issue-list .flex-item-body .branches {
  48. display: inline-flex;
  49. }
  50. #issue-list .flex-item-body .branches .branch {
  51. background-color: var(--color-secondary-alpha-40);
  52. border-radius: var(--border-radius);
  53. padding: 0 4px;
  54. }
  55. #issue-list .flex-item-body .branches .truncated-name {
  56. white-space: nowrap;
  57. overflow: hidden;
  58. text-overflow: ellipsis;
  59. max-width: 10em;
  60. }
  61. #issue-list .flex-item-body .checklist progress {
  62. margin-left: 2px;
  63. width: 80px;
  64. height: 6px;
  65. display: inline-block;
  66. }
  67. #issue-list .flex-item-body .checklist progress::-webkit-progress-value {
  68. background-color: var(--color-secondary-dark-4);
  69. }
  70. #issue-list .flex-item-body .checklist progress::-moz-progress-bar {
  71. background-color: var(--color-secondary-dark-4);
  72. }
  73. .archived-label-filter {
  74. margin-left: 10px;
  75. font-size: 12px;
  76. display: flex !important;
  77. margin-bottom: 8px;
  78. min-width: fit-content;
  79. }