sanderfrenken/Universal-LPC-Spritesheet-Character-Generator

Generated tilemap hides animation preview choice on wide monitors

Closed this issue · 8 comments

Hi there,

On my ultrawide the css doesn't quite work correctly:
image

If I make the window half-screen, it works as (I imagine is) intended:
image

Thanks for the excellent tool.

I wonder if I could test this by connecting my laptop up to my big TV. Not sure how else I could test this issue.

Oh, there we go. I put this on my big monitor and now I can see the issue. I'll try putting out a fix for this in the next PR.

This is caused by vertical-align. What's happening is that, for some reason, the "Preview" and select box are lining up at the bottom (or perhaps center) of the canvas at the top. Normally, they sit on "Top" of each other, because the browser window is less wide. When you expand the browser window, however, they are able to sit side-by-side, but the vertical-align shoves the Preview and select box down further.

Loufe commented

You're amazing, thank you, JR.

Well I do web development for a living, so I already know all about how to debug web pages lol. The only issue is I needed to know how to reproduce it first. Apparently my monitor was already big enough to see the issue, I just never opened it up on that specific monitor.

@Loufe Please let me know how this looks now, the update has been deployed.

Loufe commented

@Loufe Please let me know how this looks now, the update has been deployed.

LGTM, good work

image

Can you close this issue then?