Skip to content

Fix overlap of legend border and scroll box #478

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Conversation

n-riesco
Copy link
Contributor

  • Moved clip-path from legend to scrollbox.
  • Shifted bg half a border-width to ensure it doesn't overlap with the
    scroll box.
  • Updated the method to compute the legend height used in
    legend_scroll_test.js to account for the legend clip-path being one
    border-witdh smaller.
  • Updated the baseline images for 17.json,20.json, legend_scroll.json,legend_styleandtext_export`. The
    differences were due to the overlap and the border shift.

* Moved clip-path from legend to scrollbox.

* Shifted bg half a border-width to ensure it doesn't overlap with the
  scroll box.

* Updated the method to compute the legend height used in
  `legend_scroll_test.js` to account for the legend clip-path being one
  border-witdh smaller.

* Updated the baseline images for `17.json, `20.json`,
  `legend_scroll.json`, `legend_style` and `text_export`. The
  differences were due to the overlap and the border shift.
@n-riesco
Copy link
Contributor Author

Fixes the overlap described here.

This PR is ready for review.

@mdtusz
Copy link
Contributor

mdtusz commented Apr 26, 2016

Looks pretty good to me. Thanks for doing this!

💃

@etpinard etpinard added bug something broken status: reviewable labels Apr 28, 2016
@mdtusz mdtusz merged commit 7a94fec into plotly:master Apr 28, 2016
@n-riesco n-riesco deleted the fix-legend-scrollbox-and-border-overlap-without-cleanup branch April 28, 2016 17:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug something broken
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants