A better API playground look for coders - Obsolete, removed

The API playground is a tremendous waste of display space. See how it looks if I want to read some code:

So I spent some time going after everything that can be improved with CSS, without actually rewriting the HTML. A monospace font for coders is just the start…

– this is now obsolete due to changes with the playground and has been rermoved and will not return.

4 Likes

Hey _j, do you have discord or another offsite account I can contact you at? Have seen you a lot around this forum and you seem to have the best grasp of what’s going on. Banging my head against the wall on building a more complex agent right now

You can pose a new forum topic question and get a village to help you out, with benefit to all.

3 Likes

Good work! Thanks for sharing :heart:

This might be what finally convinces me to download tamper monkey. I think it would be absolutely amazing if someone from OpenAI could take the hint here :sweat_smile:

1 Like

For most us who don’t use TamperMonkey or GreaseMonkey, you can create a Bookmarklet that adds the excellent styleSheet listed above.
( See this Gist for an example usage: OpenAIPlaygroundShowPresets.js -- Bookmarklet to fix March 2024 CSS regressive bug (~"GM_addStyle" but without TamperMonkey or GreaseMonkey) · GitHub )


globalThis.GM_addStyle = globalThis.GM_addStyle || ( function(innerText) {
  let doc = document;
  let head = doc.head || doc.body;
  let style=doc.createElement("style");
  style.type="text/css";
  style.innerText=innerText;
  
  if(head) head.appendChild(style);

} );

GM_addStyle(`--the CSS
will go here--`);

1 Like