Resizing on large screens #45

Raynes opened this Issue Jan 29, 2012 · 15 comments


None yet
4 participants

Raynes commented Jan 29, 2012

I was talking to a guy in #clojure about how he likes refheap. His only concern is how the site looks on large screens. @amcnamara we have a maximum size, don't we? Why is that again? Looking at the site on my TV (bigger than my laptop), it does kind of look like ass. Can't we just resize? I know that the paste box would be humongous, but I'm okay with that.

I'd appreciate if you could play around with that.

@jeremyheiler would be the nice fellow who pointed this out. He might have more comments. Jeremy, think you could screenshot the site for us?

Sure. The window is full-screen:

I care more about the height (as I don't always have my browser windows that wide) but it would be nice to have the paste area fill whatever empty space is available. I can see msyelf using refheap as more than just a pastebin, but as a place to compose notes and example code directly in-browser. So, more space is a big plus!

Edit: My resolution is 1920x1080.


amcnamara commented Jan 30, 2012

Yeah, that does look wonky. I'll get on this tomorrow night.


Raynes commented Jan 30, 2012

Awesome. :)


Raynes commented Feb 20, 2012

@amcnamara When do you think you'll have a chance to look at this? This is the longest tomorrow night I've ever been through. Like groundhog day or some shit. :P


amcnamara commented Feb 21, 2012

Actually, I said I'd do it right after I had a shower... 2 weeks ago. If anything, it's the world's longest shower.

See commit 11bc, let me know if you get any rendering issues (I tested on the biggest screen I've got, but that's only 1050px high).


Raynes commented Feb 22, 2012

@amcnamara I investigated that commit a bit. The reason the scrollbar appears is because you've set overflow: auto on the site container. When I resize my browser window vertically, I end up with a bunch of space at the bottom of the site.

I think we need keep the min-height the same as the max height we currently have. It looks like shit any smaller. Thoughts? (Whenever, I know you're busy until this weekend)


gf3 commented Mar 5, 2012

I'm not sure how it looks on a screen that large, but I used a few simple media queries to deal with different screen sizes, feel free to borrow.


gf3 commented Mar 5, 2012

Er, I should mention, that I used them on cljbin.


ghost commented Apr 10, 2012


I "applied" the patch directly in Chrome on, and I most definitely approve of this.

Raynes closed this in 8da8b17 May 13, 2012


Raynes commented May 13, 2012

@jeremyheiler @autodidakto I think you'll both be exceedingly pleased with what I've done. Let me know what you think.


ghost commented May 13, 2012

Ahh, good solution. Kudos.

I think autodidakto's solution is more elegant, but I like how Raynes made it full screen. Either way, its an improvement!


Raynes commented May 16, 2012

@jeremyheiler His solution opened up other problems though. If you paste long code, you end up getting thrown to the bottom of the page. Furthermore, it feels weird to have the whole thing expand to the size of code instead of the size of the screen.

Fair enough.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment