Gatsby: Improve GraphQL reference docs page

Created on 2 Mar 2018  ·  1Comment  ·  Source: gatsbyjs/gatsby

On https://www.gatsbyjs.org/docs/graphql-reference/ the GraphiQL instances are a bit cramped for space, there are a couple of things that could be done to give them more room:

  • [ ] Increase their width beyond the default content width (mockup)
  • [ ] Add a 'pop-out' link below each one (ref)

Would it be possible to create a remark plugin that auto-generates pop-out links for iframes?

Refs: https://github.com/gatsbyjs/gatsby/pull/4143#issuecomment-369764218

help wanted documentation

Most helpful comment

100% possible for the iframe plugin. It'd just iterate through iframes and you could extend any that are graphiql links. @bvaughn's plugin does something very similar https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-remark-code-repls

>All comments

100% possible for the iframe plugin. It'd just iterate through iframes and you could extend any that are graphiql links. @bvaughn's plugin does something very similar https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-remark-code-repls

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ghost picture ghost  ·  3Comments

theduke picture theduke  ·  3Comments

kalinchernev picture kalinchernev  ·  3Comments

benstr picture benstr  ·  3Comments

jimfilippou picture jimfilippou  ·  3Comments