Personal Git forge.

Code git clone ssh://git.poy.ooo:6969/~poyo/farga ZIP
static/css/issues.css / 2KiB #c5d61ea6
Raw
.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);}