nextclade icon indicating copy to clipboard operation
nextclade copied to clipboard

BUG: Long strain names make web interface unusable, since tooltips cover everything

Open corneliusroemer opened this issue 2 years ago • 4 comments

Uploading a dataset with strain names as they came out of NCBI/Genbank, I noticed that the web interface becomes unusable due to massive tooltips covering everything.

Long strain names should probably be truncated to a reasonable length, unless one hovers over the strain name column.

Repro: https://clades.nextstrain.org/?dataset-name=sars-cov-2&input-fasta=https://api.allorigins.win/raw?url=https://pastebin.com/raw/zqVmTDae

Screenshot: image

corneliusroemer avatar Feb 15 '22 13:02 corneliusroemer

The only other tooltip that the strain name is included in looks sort of ok, still a bit not so nice with the text wall but at least the web interface is still usable:

image

corneliusroemer avatar Feb 15 '22 14:02 corneliusroemer

Related https://github.com/nextstrain/nextclade/issues/113

ivan-aksamentov avatar Feb 15 '22 14:02 ivan-aksamentov

Would be good to tackle :)

The long name is ok for the leftmost tooltip (about sequence) but should be truncated especially for sequence view

image

corneliusroemer avatar Apr 08 '23 17:04 corneliusroemer

@corneliusroemer what truncation strategy would you like?

I think Richard wanted to remove these names from tooltips entirely. This is one possible strategy :) Do you find them useful? (perhaps for screenshots etc.)

Do you want to try yourself?

https://github.com/nextstrain/nextclade/blob/c0807f5a1f4c8b44b7e8749b398157df4990ea22/packages_rs/nextclade-web/src/components/SequenceView/PeptideMarkerMutationGroup.tsx#L122

ivan-aksamentov avatar Apr 09 '23 00:04 ivan-aksamentov