Live Samples & "Open in CodePen/JSFiddle" buttons

Hi All,

There’s a bug in production that is preventing these buttons from displaying right now. We’re aware of it and there’s a fix approved already but it needs to wait until Monday to go to production. Sorry!

Once they’re back I’ve got a PR in to make a couple changes to their display for beta users:

  • Change the border to match that of the code samples that generate them.
  • Make them 100% width by default (they seem to all be wrapped in <p> though so they end up the same width as the text if you’re viewing the line-length changes beta test).
  • Right align the buttons and tweak their styles.

This is just an experiment so, if you’re a beta tester, let us know how you feel about it.

I found one or two places where this adds a scroll bar to the output. Please let me know if you start to feel that this change has broken things all over the place instead of in one or two places.

Before:
https://screenshots.firefox.com/41Xa3Xb56dIjNxTa/localhost

After:
https://screenshots.firefox.com/InnauTeq0KKbTnDV/localhost

Thanks,
Stephanie.