Graph form overlap problem #2271
Comments
nikolas
added a commit
that referenced
this issue
Jun 28, 2023
This alleviates issue #2271. It's not solved completely, but I think the SVG display area should have a hard-coded color as a background. We are hard-coding all the line colors themselves, so it's really designed with a white background in mind. Additionally, this CSS file was being included redundantly in many templates: it only needs to be included in base.html if the template inherits from base.
nikolas
added a commit
that referenced
this issue
Aug 1, 2023
This is a quick fix for #2271. Negative margins are not good practice at all, but the [CSS breakpoint](https://getbootstrap.com/docs/5.3/layout/breakpoints/) when this occurs is not typically active. Going forward, a more robust solution could be to allow the jsxgraph view itself to have an adaptable width, but that is a big change, as a lot of the Graph code takes advantage of the fact that we know the exact graphical view width here of 540px.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Our responsive columns create an overlap issue with our hard-coded graph width:
One solution I can think of is scaling the graph's SVG down in this case - possibly a CSS transform?
The text was updated successfully, but these errors were encountered: