From ee55292684adc44f22c76c5ecd24f6b793a52984 Mon Sep 17 00:00:00 2001 From: Dominik Henneke Date: Fri, 26 Mar 2021 20:55:31 +0100 Subject: [PATCH] Include the GraphiQL stylesheet Signed-off-by: Dominik Henneke --- .changeset/light-insects-sort.md | 5 +++++ .../GraphQlDefinitionWidget/GraphQlDefinitionWidget.tsx | 7 ++++--- 2 files changed, 9 insertions(+), 3 deletions(-) create mode 100644 .changeset/light-insects-sort.md diff --git a/.changeset/light-insects-sort.md b/.changeset/light-insects-sort.md new file mode 100644 index 0000000000..52f0dd8757 --- /dev/null +++ b/.changeset/light-insects-sort.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-api-docs': patch +--- + +Include the GraphiQL stylesheet diff --git a/plugins/api-docs/src/components/GraphQlDefinitionWidget/GraphQlDefinitionWidget.tsx b/plugins/api-docs/src/components/GraphQlDefinitionWidget/GraphQlDefinitionWidget.tsx index 7e01df1460..56d6914f5b 100644 --- a/plugins/api-docs/src/components/GraphQlDefinitionWidget/GraphQlDefinitionWidget.tsx +++ b/plugins/api-docs/src/components/GraphQlDefinitionWidget/GraphQlDefinitionWidget.tsx @@ -14,11 +14,12 @@ * limitations under the License. */ -import React, { Suspense } from 'react'; -import { buildSchema } from 'graphql'; -import { makeStyles } from '@material-ui/core/styles'; import { Progress } from '@backstage/core'; import { BackstageTheme } from '@backstage/theme'; +import { makeStyles } from '@material-ui/core/styles'; +import 'graphiql/graphiql.css'; +import { buildSchema } from 'graphql'; +import React, { Suspense } from 'react'; const GraphiQL = React.lazy(() => import('graphiql'));