search

go-gitea / gitea

Git with a cup of tea! Painless self-hosted all-in-one software development service, including Git hosting, code review, team collaboration, package registry and CI/CD
https://gitea.com
MIT License
44.62k stars 5.45k forks source link

[Enhancement] Project boards / KanBan: Compact view mode #13814

Open dphdave opened 3 years ago

dphdave commented 3 years ago

I've just started trying out the new Project boards / KanBan feature, which is really great, however there are a number of things that would need to be improved before it is really usable for me:

When you have a project (as in repo) with many hundreds of open issues, the KanBan board would be a great place to try to get an overview of a subset of these. However, when issues have a usefully descriptive name thats wraps to 2 or more lines, a milestone assigned and several labels, they take up a lot of screen space in the project 'board' or column, such that my board is full with only 3 issues and I have to use the horizontal scroll to see the rest. Thus it is pretty hard to get an overview, rendering the purpose of the board fairly useless. It is still much easier for me to get an overview of a particular category / status of issues by using labels.

Gitea feedback

We need a view mode where 10s of issues can be seen within the 'board' without horizontally scrolling.

StefanH-AT commented 3 years ago

The horizontal scrolling is really filthy. It seems to be a flex container that wraps to the next column if needed. I'd just avoid flex here completely and make those elements normal blocks in sequence

I made a dirty quickhack to override horizontal scrolling

.board-column > .cards {
    flex: 0;
    display: block;
    height: 100%;
    flex-grow: 1;
}

.ui.cards {
    flex-wrap: nowrap;
}

.ui.card, .ui.cards > .card {
    display: block;
    min-height: 3rem;
}

.ui.cards > .card {
    margin-bottom: 0.5rem !important;
}

This snippet shouldn't get pushed into the repo somewhere, but just be taken as a reference point

image