Repository navigation
feat(site): scroll long commands on one line, like Doorplate - #118
Merged
Merged
Conversation
…overlay scrollbar
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.
Summary
Port Doorplate #85 and #86 to the Repot site: long copyable commands stay on one line and scroll sideways instead of wrapping (no more paths split mid-word), each end that hides text fades out, and a thin overlay scrollbar shows while the pointer is over the box or it has focus.
Type
Changes
sections/ScrollingCode.tsx: copied unchanged from Doorplate (scrollStatepure function,data-hidden-start/data-hidden-end, draggable 4px thumb, ResizeObserver re-measure).CopyCommandrenders the command through it.site.css: Doorplate's command rules (white-space: pre, centered button, hidden native scrollbar, end fades, hover/focus scrollbar, no transitions under reduced motion) and.hero .downloads { width: 100% }so the hero column does not grow to a command's width.copy.test.tsxtests (scrollStatecases, no fade/scrollbar in server markup);app.test.tsxpatterns follow the new.command-textwrapper.Checks
cargo fmt --checkcargo clippy --workspace --all-targets -- -D warningscargo test --workspacepnpm --filter @repot/desktop typecheck/test/build--example scan/--example export, ortauri dev)Site typecheck / test (38) / build,
pnpm exec biome ci .. Headless Chrome on the build with mac, Windows and Linux user agents at 1280 and 390 px: every one-line box is 44px (the two-line Scoop command 64px), no page overflow, every overflowing command reports a hidden end and has a scrollbar, fitting ones have neither. On thexattrbox with real mouse events: rest (right end fades, bar hidden) → hover (bar shown) → drag the thumb (scrolled to the end, left end fades, right fade gone) → pointer leaves (bar hidden). Reduced motion: no transition.Spec and generated files
scan.json,snapshots/,icons/) (not touched)Boundaries
repot-coredoes not depend on Tauri and does no network calls (not touched)Env; tests useFakeEnvand fixtures, not real tools (not touched)