oppi.li
1.board {
2 display: flex;
3 flex-direction: row;
4 flex-wrap: nowrap;
5 overflow-x: auto;
6 margin: 0 0.5em;
7}
8
9.project-column {
10 background-color: var(--color-project-column-bg) !important;
11 border: 1px solid var(--color-secondary) !important;
12 border-radius: var(--border-radius);
13 margin: 0 0.5rem !important;
14 padding: 0.5rem !important;
15 width: 320px;
16 height: calc(100vh - 450px);
17 min-height: 60vh;
18 overflow-y: scroll;
19 flex: 0 0 auto;
20 overflow: visible;
21 display: flex;
22 flex-direction: column;
23 cursor: default;
24}
25
26.project-column .issue-card {
27 color: var(--color-text);
28}
29
30.project-column-header {
31 display: flex;
32 align-items: center;
33 justify-content: space-between;
34}
35
36.project-column-title {
37 background: none !important;
38 line-height: 1.25 !important;
39 color: inherit !important;
40 cursor: inherit;
41}
42
43.project-column-title-label {
44 overflow: hidden;
45 text-overflow: ellipsis;
46}
47
48.project-column-header > .dropdown {
49 flex-shrink: 0;
50}
51
52.project-column > .cards {
53 flex: 1;
54 display: flex;
55 align-content: baseline;
56 margin: 0 !important;
57 padding: 0 !important;
58 flex-wrap: nowrap !important;
59 flex-direction: column;
60 overflow-x: auto;
61 gap: .25rem;
62}
63
64.project-column > .divider {
65 margin: 5px 0;
66 border-color: currentcolor;
67 opacity: .5;
68}
69
70.project-column:first-child {
71 margin-left: auto !important;
72}
73
74.project-column:last-child {
75 margin-right: auto !important;
76}
77
78.card-attachment-images {
79 display: inline-block;
80 white-space: nowrap;
81 overflow: scroll;
82 cursor: default;
83 text-align: center;
84}
85
86.card-attachment-images img {
87 display: inline-block;
88 max-height: 50px;
89 border-radius: var(--border-radius);
90 text-align: left;
91 margin-right: 2px;
92 aspect-ratio: 1;
93}
94
95.card-attachment-images img:only-child {
96 max-height: 90px;
97 margin: auto;
98}
99
100.card-ghost {
101 border-color: var(--color-secondary-dark-4) !important;
102 border-style: dashed !important;
103 background: none !important;
104}
105
106.card-ghost * {
107 opacity: 0;
108}