statgen / locuszoom

A Javascript/d3 embeddable plugin for interactively visualizing statistical genetic data from customizable sources.
https://statgen.github.io/locuszoom/
MIT License
154 stars 29 forks source link

Toolbars do not align with edge of plot in fixed-width mode #230

Open abought opened 3 years ago

abought commented 3 years ago

When using fixed-width plots, the plot toolbar is allowed to flow to the edge of the container, but the plot is not. This leads to an awkward display artifact where labels and buttons are not aligned with panels. Panel toolbars are positioned ok; it is only the plot toolbar that looks odd.

This happens with various CSS frameworks (plain HTML, skeleton, bootstrap etc)

Most modern usages of LocusZoom are set to use responsive resize = true, and so this behavior is not widely obvious in most sites. However it is a bit ugly.

Screen Shot 2021-01-19 at 1 53 41 PM