Playground formatting nits about json-ld.org

[lanthaler]

May I ask which browser you are using? At least for me the edit are is already in monospace in both IE and FF on Windows 7.

-----Original Message-----
From: Rich Morin [mailto:reply+i-2794722-
[email protected]]
Sent: Wednesday, January 11, 2012 2:21 AM
To: Markus Lanthaler
Subject: [json-ld.org] Playground formatting nits (#50)

There should be some space at the beginning of lines in the edit and
render areas,
so that the text doesn't run into the left border.

The edit area should use monospace font.

The edit area lengthens manually; the render area lengthens
automagically.
It would be nice to add a control to let the user shorten the render
area,
to optimize use of limited screen real estate.

---

Reply to this email directly or view it on GitHub:
#50

[RichMorin]

At 6:13 PM -0800 1/10/12, Markus Lanthaler wrote:

May I ask which browser you are using?

Chrome 16.0.912.63
Mac OS X 10.5.8
8-core (Intel) Mac Pro

-r

http://www.cfcl.com/rdm Rich Morin
http://www.cfcl.com/rdm/resume [email protected]
http://www.cfcl.com/rdm/weblog [phone]

Software system design, development, and documentation

[msporny]

We'll see what we can do when we update the playground next time... don't know when that will be since we're heads-down in trying to get the specs into a more stable form right now.

[lanthaler]

@ivikash, I'm assigning this issue to you now.

Edit: Didn't work, but please fix it nevertheless. Thanks

[ivikash]

@RichMorin Thanks for bringing that into notice! Can you please explain the issue once in the below shared screenshots

Also I am sorry I am not able to fig out "It would be nice to add a control to let the user shorten the render area,
to optimize use of limited screen real estate." because the render area is already responsive

This is the initial page-load

This is Person

[bollwyvl]

Having just rolled out the new playground, it seems like a good time to revisit related tickets.

From the above discussion, it looks like the only issue not now dealt with is the resizeability. Here is a first cut at resizeable editors and output:
http://bollwyvl.github.io/json-ld.org/playground-resizeable/playground

[lanthaler]

That’s a great addition. I would just style them slightly differently. Instead of using a button with a 3D effect I would suggest to simply render it as a 1px line and change the cursor on mouse hover (cursor: row-resize). Would it be possible to resize both boxes in the top column at the same time? It feels a bit weird to have to resize them separately.

@bollwyvl, thank you so much for spending time on this. Much appreciated.

[bollwyvl]

@lanthaler created PR #317, which takes the resize insight into account.

[lanthaler]

All of this has been addressed in PR #317 by @bollwyvl. I thus close this issue now. @RichMorin feel free to reopen it if you feel it hasn't been addressed adequatly... and sorry that it took so long :-)