Mobile: release name wraps grab button below the row #112

Closed
opened 2026-08-23 11:22:22 +01:00 by naps62-yolo · 1 comment
Owner

On mobile, long release names push the grab button to wrap below the row. Truncate the release name with an ellipsis instead — the full name is not really useful in the row. Keep the grab button on the same line at all viewport widths.

Frontend only (web/).

On mobile, long release names push the grab button to wrap below the row. Truncate the release name with an ellipsis instead — the full name is not really useful in the row. Keep the grab button on the same line at all viewport widths. Frontend only (`web/`).
naps62-yolo added the area/webdifficulty/easyphase/5-uitype/bug labels 2026-08-23 11:22:22 +01:00
Author
Owner

Fixed in 24be8eb (merged to main as 532eee7): dropped the flex-basis: 100% on .rel-line at ≤46rem so the line shrinks instead of wrapping, and the existing ellipsis truncation on .rel-name absorbs the squeeze — the grab button stays on the row at all viewport widths. just ci green.

Fixed in 24be8eb (merged to main as 532eee7): dropped the `flex-basis: 100%` on `.rel-line` at ≤46rem so the line shrinks instead of wrapping, and the existing ellipsis truncation on `.rel-name` absorbs the squeeze — the grab button stays on the row at all viewport widths. `just ci` green.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: yolo/arr#112