Compact Transfers table and collapsible history - #132
Open
Sectumsempra82 wants to merge 2 commits into
Open
Sectumsempra82 wants to merge 2 commits into
Sectumsempra82 wants to merge 2 commits into
Conversation
Reduce table and cell dimensions so progress, speed, ETA, and Stop fit on typical desktop widths. Shorten long paths in the middle using the available width, retaining complete filenames where possible and full text for hover and screen readers.
Show active and finished counts with a keyboard-operable history toggle, and keep running transfers visible during polling. Preserve existing status priority while ordering finished files by completion time. Stack page actions on narrow screens. Add browser coverage for ordering, invalid timestamps, cancellation job IDs, keyboard interaction, polling transitions, compact long-path labels, resizing, and mobile overflow. Production build, full Biome validation, and all five Playwright tests pass against official rclone v1.75.1.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The Transfers table currently needs horizontal scrolling even on a 1440px desktop, while tall rows make busy transfer lists difficult to scan. This PR makes the table compact and lets users hide finished history while continuing to watch active transfers.
Changes
The change uses the existing static frontend and official
rclone guilaunch flow. It introduces no dependencies, queue service, deployment changes, or app-wide restyling. Transfer submission, cancellation, and progress calculations remain unchanged. Three new labels use the existing English translation fallback.Validation
npm run build— passed.npx biome ci .— passed with LF checkout line endings, as used by Linux CI.To reproduce using the existing setup: install rclone and Playwright Chromium, then run
npm test.Screenshots
Same synthetic transfer data in both builds; desktop viewport 1440×900. Images are hosted in the fork on a separate review tag and are not part of this code diff.
Before
After
Collapsed history and mobile views