transientskp / banana

a web interface for the Transient Pipeline database
http://docs.transientskp.org/
Other
4 stars 6 forks source link

Sky image not entirely visible unless browser window is maximized. #122

Open mkuiack opened 8 years ago

mkuiack commented 8 years ago

Unless the browser window is maximized the sky image gets pushed partially off screen.

A work around is of course to maximize the browser, but it would be nicer if this didn't happen.

screen shot 2016-07-21 at 14 34 09
mkuiack commented 8 years ago

Scrolling to the bottom and it stays there, peeking out from just off screen.

screen shot 2016-07-21 at 14 42 31
gijzelaerr commented 8 years ago

I don't really know what to do here. There is just not enough space to render all the info, but some astronomers want all the data which is in the table. What do you propose?

mkuiack commented 8 years ago

I'm not sure but I think the problem is that the image and the table appear next to each other in the same block but aren't so they both float freely on different axis. If you put them in the same block then when you squish (horizontally) the window one will end up on top (but not in front) of the other. So the height go the webpage will scale to accommodate both the table and the image. Then just make sure the image ends up on top.

mkuiack commented 8 years ago

Plus its not that there isn't enough space, it's just whatever reference location the image is docked to is wrong. In the second image I posted there is all that white space above the image but it prefers to be off the screen. Maybe it's as easy as docking it to the "top" instead of "bottom" .

Then they will still overlap when the width gets too small.

gijzelaerr commented 8 years ago

The image is supposed to be fixed when you scroll, and the table should move so you can mouse over a row and it would light up in the image.

The HTML/CSS gets confused when the information doesn't fit on the screen.

Gosh,I really hate webdesign.