Something went wrong. Try again.
Lightweight and easily self-hostable Git forge.
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150.issues-container { display: flex; flex-direction: column; width: 100%; gap: var(--gap);
h2 { margin: 0; }}
.issues-header { display: flex; flex-direction: row; gap: var(--gap);
button { width: fit-content; }
* { height: 100%; }
form { border: 0; margin: 0; padding: 0; flex-direction: row; gap: inherit; width: inherit; flex-grow: 1;
* { height: 100%; }
input[type="text"] { width: max-content; flex-grow: 1; } }}
.issues-list { width: 100%; height: 100%; display: flex; flex-direction: column; gap: 2px;
.issue { background-color: var(--bg-lighter); padding: var(--gap);
* { margin: 0; }
div { display: inline-block; } }}
.status { width: min-content;}
.issue-container { max-width: 100%; word-wrap: normal; flex-wrap: wrap;
p { margin-top: 0; }}
.issue-header { display: flex; align-items: start; justify-content: center; flex-direction: column; gap: var(--gap);
* { margin: 0; }
.issue-id { opacity: 0.8; }}
.open { padding: var(--gap); background-color: green;}
.closed { padding: var(--gap); background-color: darkred;}
/* I'm wondering if this entire page should all be contained in a flexbox */.issue-desc { margin-bottom: var(--gap);}
.issue-comments { display: flex; align-items: start; justify-content: center; flex-direction: column; gap: var(--gap); max-width: 100%; margin-bottom: var(--gap);
div { border-left: 2px solid var(--bg-lighter); padding: 0 0 0 var(--gap); max-width: 100%; word-wrap: break-word; flex-wrap: wrap; }}
.issue-comment { display: flex; flex-direction: column; gap: var(--gap);
&>* { margin: 0; }}
.post-comment { width: 100%;
&>* { width: 100%; margin: 0; }}
.issue-actions { margin-block: var(--gap);}