Applications board: centre the columns, animate the fold, and let several columns be open #709

New issue

Closed

opened 2026-10-04 11:29:11 +00:00 by tiagoagueda · 0 comments

tiagoagueda commented

2026-10-04 11:29:11 +00:00

Owner

From the user, 2026-10-04, about the horizontal accordion of the Applications board (#315), which works well and wants three improvements:

Always centred on the screen. A folded board -- one column open, the rest strips -- sits against the start of its box with the rest of the width empty. It is centred in its box whenever it fits, and starts at the box's edge (scrolling, as now) when it does not. After a fold the open columns are brought to the middle of the box, and the column whose heading was pressed is where the eye stays when they do not all fit.
The open and the fold are animated. A column opening grows to its width and a column folding shrinks to a strip, instead of the board jumping between two drawings. Nobody who asked for less motion sees it move.
More than one column can be open. On a folded board, pressing a strip opens it beside the columns already open, instead of folding the board to it; pressing an open column's heading folds that column alone, or, on the last one open, opens every column as now. From the open board, a heading still folds the board to its column.

What stays

The fold is the address and the server draws it. Several statuses are one parameter, comma-separated (?status=applied,interviewing), so the hidden field, hx-vals and the table's single status list each carry the set as one value. The table narrows to the same set, so the count above either shape is still the same number; its status list offers the set as a choice while the address holds it.
Without a script each heading is still a link to the board it draws. All columns is still the one way back.
A card dropped on another open column of a folded board stays within what the address asks for, so the page's count does not drop; a card dropped on a strip does, as now.

From the user, 2026-10-04, about the horizontal accordion of the Applications board (#315), which works well and wants three improvements: - **Always centred on the screen.** A folded board -- one column open, the rest strips -- sits against the start of its box with the rest of the width empty. It is centred in its box whenever it fits, and starts at the box's edge (scrolling, as now) when it does not. After a fold the open columns are brought to the middle of the box, and the column whose heading was pressed is where the eye stays when they do not all fit. - **The open and the fold are animated.** A column opening grows to its width and a column folding shrinks to a strip, instead of the board jumping between two drawings. Nobody who asked for less motion sees it move. - **More than one column can be open.** On a folded board, pressing a strip opens it beside the columns already open, instead of folding the board to it; pressing an open column's heading folds that column alone, or, on the last one open, opens every column as now. From the open board, a heading still folds the board to its column. ## What stays - The fold is the address and the server draws it. Several statuses are one parameter, comma-separated (`?status=applied,interviewing`), so the hidden field, `hx-vals` and the table's single status list each carry the set as one value. The table narrows to the same set, so the count above either shape is still the same number; its status list offers the set as a choice while the address holds it. - Without a script each heading is still a link to the board it draws. *All columns* is still the one way back. - A card dropped on another open column of a folded board stays within what the address asks for, so the page's count does not drop; a card dropped on a strip does, as now.

tiagoagueda added the

accessibility

interface

enhancement

labels

2026-10-04 11:29:11 +00:00

tiagoagueda referenced this issue from a commit

2026-10-04 14:52:46 +00:00

Centre the board, move its columns as they fold, and let several be open

tiagoagueda closed this issue

2026-10-04 14:52:46 +00:00

tiagoagueda referenced this issue