Increase view height of project boards (60vh to 100vh) #10243

New Issue

GiteaMirror · 2025-11-02T09:01:58-06:00

GiteaMirror commented

2025-11-02 09:01:58 -06:00

Originally created by @techknowlogick on GitHub (Feb 9, 2023).

Feature Description

When working with project boards, the boards themselves are limited to 60vh so that the repo header settings are included and can't scroll away from. This eats up a lot of screen space, especially on smaller screens.

Project boards are the only area in Gitea that keeps the repo header visible at all times, to remain consistent with the rest of the application this could be changed.

Screenshots

Originally created by @techknowlogick on GitHub (Feb 9, 2023). ### Feature Description When working with project boards, the boards themselves are limited to 60vh so that the repo header settings are included and can't scroll away from. This eats up a lot of screen space, especially on smaller screens. Project boards are the only area in Gitea that keeps the repo header visible at all times, to remain consistent with the rest of the application this could be changed. ### Screenshots ![image](https://user-images.githubusercontent.com/164197/217883698-535474ed-282e-4a29-b737-fcccf52d7691.png)

GiteaMirror added the topic/projects type/proposal type/feature topic/ui labels 2025-11-02 09:01:58 -06:00

GiteaMirror commented

2025-11-02 09:01:59 -06:00

@drsybren commented on GitHub (Feb 9, 2023):

In the CSS rules for .board-column changing either of these rules would IMO already be a huge improvement:

height: calc(100vh - 40px);  /* was -450px */
min-height: 100vh;           /* was  60vh */

One of these changes is enough to allow for much more vertical space.

@drsybren commented on GitHub (Feb 9, 2023): In the CSS rules for `.board-column` changing either of these rules would IMO already be a huge improvement: ```css height: calc(100vh - 40px); /* was -450px */ min-height: 100vh; /* was 60vh */ ``` One of these changes is enough to allow for much more vertical space.

GiteaMirror commented

2025-11-02 09:01:59 -06:00

@silverwind commented on GitHub (Feb 10, 2023):

The current layout with fixed height only works on big screens and the idea seems to be that this page never scrolls, but the board content scrolls instead, which can be convenient.

If that principle is to stay, smaller screen heights could get different height via media queries, which would then also allow the page to scroll if viewport height is not enough to accomodate a reasonable amount of project board height.

@silverwind commented on GitHub (Feb 10, 2023): The current layout with fixed height only works on big screens and the idea seems to be that this page never scrolls, but the board content scrolls instead, which can be convenient. If that principle is to stay, smaller screen heights could get different height via media queries, which would then also allow the page to scroll if viewport height is not enough to accomodate a reasonable amount of project board height.

GiteaMirror commented

2025-11-02 09:01:59 -06:00

@silverwind commented on GitHub (Feb 10, 2023):

Alternatively, the two headers above the board could maybe be condensed into one. The buttons could be made icon-only with tooltip, with that there should be enough space to fit the title and all buttons onto one header.

@silverwind commented on GitHub (Feb 10, 2023): Alternatively, the two headers above the board could maybe be condensed into one. The buttons could be made icon-only with tooltip, with that there should be enough space to fit the title and all buttons onto one header.

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/gitea#10243