Skip to content

Align Project board cards vertically, not horizontally #15506

Closed
@delvh

Description

@delvh
  • Gitea version (or commit ref): 1.15.0+dev-152-gc29e85228
  • Can you reproduce the bug at https://try.gitea.io:

Description

Currently, project board cards are aligned horizontally when larger than the underlying project board.
I (and all other Gitea users I have spoken to) think that that is not exactly user friendly.

#13814 is at least partially related to this, but I thought it differs so much that creating its own unique issue for it would be adequate.

What to do

Through some testing, I found out that that behavior is caused by exactly one line of css, which, when removed completely solves this issue on the current try.gitea.io status (don't know whether it applies to older versions too).

The responsible css block is

.board-column > .cards {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    padding: 0 !important;
}

Simply remove flex-direction: column; and the problem is fixed, at least on my Browser (Firefox). The corresponding file should be _repository.less (exact path is web_src/less/_repository.less), line 2978

Screenshots

image
How it is, but not how it should be

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions