Skip to content

fix(pentest): tablet-friendly split-view (md → xl breakpoint)#2711

Merged
tofikwest merged 3 commits into
mainfrom
fix/pentest-tablet-breakpoint
Apr 29, 2026
Merged

fix(pentest): tablet-friendly split-view (md → xl breakpoint)#2711
tofikwest merged 3 commits into
mainfrom
fix/pentest-tablet-breakpoint

Conversation

@github-actions
Copy link
Copy Markdown
Contributor

@github-actions github-actions Bot commented Apr 29, 2026

This is an automated pull request to merge fix/pentest-tablet-breakpoint into dev.
It was created by the [Auto Pull Request] action.


Summary by cubic

Raised the pentest SplitView breakpoint from md (768px) to xl (1280px) to fix cramped layouts on tablets and narrow laptops. Below xl we now show a single pane with a back bar; xl+ still shows both panes; in-pane content breakpoints stay at md.

  • Bug Fixes
    • Switched responsive classes mdxl in SplitView, RunList, and LoadingShell.
    • Back-to-list bar and loading skeleton now render only below xl, preventing header overflow.

Written for commit a87e1bf. Summary will update on new commits. Review in cubic

…port

The previous master-detail logic flipped at md (768px). At
md-to-xl (768-1279px) — the iPad / narrow-laptop range — the
split-view rendered both panes, but the global rail + section
sub-nav already eat ~345px before SplitView even starts. That left
the main pane at ~600px and squeezed the SevTally / detail header
into letter-by-letter overflow (see customer screenshot).

Bumping the cutoff to xl (1280px) means tablets and narrow laptops
now use the master-detail flow (one pane + back-bar), and the split
only kicks in once there's enough room for both panes to be useful.
xl+ behavior is unchanged.

Internal content layouts (4-stat band, KV strip, padding) stay at md
breakpoints — those are about content within a single pane, not
about whether the panes are split. They work correctly whether the
pane is full-width (master-detail) or shares the row with the
sidebar (split).
@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 29, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
app Ready Ready Preview, Comment Apr 29, 2026 9:55pm
comp-framework-editor Ready Ready Preview, Comment Apr 29, 2026 9:55pm
portal Ready Ready Preview, Comment Apr 29, 2026 9:55pm

Request Review

Copy link
Copy Markdown
Contributor

@cubic-dev-ai cubic-dev-ai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No issues found across 3 files

Auto-approved: Low-risk UI layout adjustment: changes responsive breakpoints from md to xl for the pentest split-view to improve tablet usability. No business logic or core systems affected.

@tofikwest tofikwest force-pushed the fix/pentest-tablet-breakpoint branch from 60fad59 to efd1c85 Compare April 29, 2026 21:26
@vercel vercel Bot temporarily deployed to Preview – portal April 29, 2026 21:26 Inactive
@tofikwest tofikwest changed the title [dev] [tofikwest] fix/pentest-tablet-breakpoint fix(pentest): tablet-friendly split-view (md → xl breakpoint) Apr 29, 2026
@tofikwest tofikwest merged commit bab41f6 into main Apr 29, 2026
6 of 10 checks passed
@tofikwest tofikwest deleted the fix/pentest-tablet-breakpoint branch April 29, 2026 21:50
@claudfuen
Copy link
Copy Markdown
Contributor

🎉 This PR is included in version 3.39.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants