Skip to content

feat: show genome coverage outline behind "too many markers" message#1760

Merged
ivan-aksamentov merged 2 commits intomasterfrom
feat/coverage-outline-too-many-markers
Mar 10, 2026
Merged

feat: show genome coverage outline behind "too many markers" message#1760
ivan-aksamentov merged 2 commits intomasterfrom
feat/coverage-outline-too-many-markers

Conversation

@ivan-aksamentov
Copy link
Copy Markdown
Member

When the marker count exceeds the display threshold, the sequence view previously showed only a text message with no visual context. Now, unsequenced region bars are drawn behind the text, so users can still see genome coverage at a glance. The bars reuse the existing SequenceMarkerUnsequencedStart/End components for consistent appearance, positioning, and tooltips.

  • Draw unsequenced region markers in both absolute and relative sequence views when markers exceed threshold
  • Overlay text message with pointer-events: none so unsequenced bar tooltips remain interactive
  • Add SequenceViewCoverageWrapper and SequenceViewCoverageText styled components for the layered layout

Resolves: #1759

Image

…sage

When the marker count exceeds the threshold, draw unsequenced region bars behind the error text instead of showing only the message. Reuses the same `SequenceMarkerUnsequencedStart`/`End` components as the normal view for consistent appearance and tooltips.

Closes #1759

![coverage-outline](https://github.com/user-attachments/assets/a44349b1-c199-4414-9038-ceac1997aef0)
@github-actions
Copy link
Copy Markdown

github-actions bot commented Mar 5, 2026

Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Adds a coverage “outline” behind the “too many markers” fallback so users still get visual genome coverage context when marker rendering is capped.

Changes:

  • Render unsequenced start/end markers behind the threshold warning in absolute + relative sequence views
  • Add layered wrapper/text styled components to overlay the warning while keeping SVG tooltips interactive

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

File Description
packages/nextclade-web/src/components/SequenceView/SequenceViewStyles.tsx Adds wrapper + overlay text styled components for layering SVG + message
packages/nextclade-web/src/components/SequenceView/SequenceViewRelative.tsx Uses wrapper/text + draws unsequenced markers in “too many markers” fallback
packages/nextclade-web/src/components/SequenceView/SequenceViewAbsolute.tsx Same as relative view for absolute coordinate rendering

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@ivan-aksamentov ivan-aksamentov merged commit d9cc0f1 into master Mar 10, 2026
19 checks passed
@ivan-aksamentov ivan-aksamentov deleted the feat/coverage-outline-too-many-markers branch March 10, 2026 19:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Draw an outline of the genome alignment behind 'too many markers' message

2 participants