search

ZoomApps / Liveapp

Liveapp Framework :rocket:
https://www.liveapp.com.au
2 stars 1 forks source link

Excess white space - Chartist Display cause #38

Closed JasonBev closed 6 years ago

JasonBev commented 7 years ago

There is large amount of white space displaying at the bottom of pages - causing a minor display issue as seen in the images. This has been identified after the CU7 release where tooltips were added for the chartist,js plugin.

Once you hover over the graph utilising this plugin the space is removed and the tooltips show/work as intended.

image

image

paulfisher53 commented 6 years ago

Hi Jason,

Please apply this fix: Fix-38.zip

Note: This fix can be applied to v4 and v5

JasonBev commented 6 years ago

Fix supplied hasn't rectified issue in our development environment.

The div for the tooltip (class chartist-tooltip) to show in is still initially loading below the copyright text at the bottom of the page. I can fix this by setting a top:100% value in css initially for this class (line 784 for styles>chartist.css), but the more prominent display issue comes when you then hover over the chart and bring up a tooltip.

This then sets the chartist-tooltip div top property to wherever you mouse is, say 1011px for example in image provided and is an absolute positioning, so when you then click on a new page to open that chartist-tooltip div still exists with that top property set to where the mouse last was in the container and will add all the excess scroll you see. See image below for example

capture
paulfisher53 commented 6 years ago

Ahhhh, I see. Try this fix also:

Fix-38-2.zip

JasonBev commented 6 years ago

Nice simple solution, issue resolved after applying Fix-38-2

paulfisher53 commented 6 years ago

Fix/mod is available for this issue

We are closing this issue as a fix/mod has been supplied.

NOTE: If the issue persists, please re-open the issue with the appropriate testing information.