Hard to scroll around when project board gets too big

[Infinoid]

Description

When a project board has too many columns to fit horizontally, and too many issues to fit vertically, it becomes hard for some users to scroll around. The horizontal scrollbar is way down at the very bottom of the page, not visible at the bottom of the screen, and I get complaints about having to scroll all the way down (past 100+ entries in some cases!) in order to find the horizontal scrollbar.

I've made a custom theme for now, which adds:

.board {
	/* make the horizontal scrollbar visible without having to scroll to the bottom */
	position: absolute;
}

But I thought I should ask: should this be the default? Some users expect the scrollbar to be accessible no matter where they are on the page.

Thanks!

Screenshots

I made up this project on the demo site with a bunch of columns and a bunch of issues.

The horizontal scroll bar is at the bottom of the board, which is pretty far away in boards like this:

Then I went in with devtools and added position: absolute to the board, and now the scrollbar stays at the bottom of the screen:

Gitea Version

1.23.6, 1.24.0+dev-460-gdcbf6c2d13

Can you reproduce the bug on the Gitea demo site?

Yes

Operating System

linux

Browser Version

firefox 128.8.0esr, chrome 134.0.6998.118

[Infinoid]

I think the placement of the horizontal scroll bar is important for users of physical mice, which have vertical scroll wheels but not horizontal ones.

[kerwin612]

There is also a problem with the mobile adaptation of this page, I'll fix it as well.

[hiifong]

I think the placement of the horizontal scroll bar is important for users of physical mice, which have vertical scroll wheels but not horizontal ones.

You can move left and right by holding down the shift key and scrolling the wheel up and down.

[kerwin612]

As @hiifong mentioned, the current solution also supports horizontal mouse scrolling.
Regarding the problem you raised, I think the system can add a more efficient operation mode, that is, support the full - screen mode, as shown in the following video.

1.mp4

The video is just an example, and the actual effect may need further optimization.
If everyone supports adding this solution, I can submit a PR(The draft is here: #34081), and we can discuss and improve it together.

@lunny @wxiaoguang

[wxiaoguang]

Sorry I didn't know the details. I haven't looked into the problem or fully understood it.

Maybe @bartvdbraak could help, I recalled this issue:

• Dragging items between and within columns in project boards Dragging items between and within columns in project boards #33482