1
0
mirror of synced 2025-12-25 11:03:37 -05:00
Files
docs/layouts/graphql-explorer.html
Kevin Heis 08ec46d0d1 Render color mode settings from github/github cookie (#19275)
* Add color mode selector in footer

* Interpret color mode from cookie

* Update render-page.js

* Delete color-mode.js

* Update render-page.js

* Make this more resilient to HTML tag changes

* Update scroll-button.scss
2021-05-13 14:45:11 +00:00

42 lines
1.3 KiB
HTML

<!doctype html>
<html lang="{{currentLanguage}}" data-color-mode="$COLORMODE$" data-dark-theme="$DARKTHEME$" data-light-theme="$LIGHTTHEME$">
{% include head %}
<body class="d-lg-flex">
{% include sidebar %}
<main class="width-full">
{% include header %}
{% include deprecation-banner %}
<main class="container-xl px-3 px-md-6 my-4 my-lg-4 d-xl-flex">
<article class="markdown-body width-full">
<div class="d-lg-flex flex-justify-between">
<div class="d-flex flex-items-center breadcrumbs-wrapper">
{% include breadcrumbs %}
</div>
</div>
<h1 class="border-bottom-0">{{ page.title }}</h1>
<div class="mt-2">
<div>
{% if AIRGAP %}
<p>GraphQL explorer is not available on this environment.</p>
{% else %}
<iframe id="graphiql" class="graphql-explorer" scrolling="no" src="{{ graphql.explorerUrl }}">
<p>You must have iframes enabled to use this feature.</p>
</iframe>
{% endif %}
</div>
</div>
</article>
</main>
{% include support-section %}
{% include small-footer %}
{% include scroll-button %}
</main>
</body>
</html>