Improve GQL Playground (#558)

Suwayomi · May 26, 2023 · 04a6713 · 04a6713
1 parent 945ec81
commit 04a6713
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 4 deletions.
diff --git a/server/src/main/kotlin/suwayomi/tachidesk/graphql/controller/GraphQLController.kt b/server/src/main/kotlin/suwayomi/tachidesk/graphql/controller/GraphQLController.kt
@@ -7,6 +7,7 @@
 
 package suwayomi.tachidesk.graphql.controller
 
+import io.javalin.http.ContentType
 import io.javalin.http.Context
 import io.javalin.websocket.WsConfig
 import suwayomi.tachidesk.graphql.server.TachideskGraphQLServer
@@ -25,10 +26,8 @@ object GraphQLController {
     }
 
     fun playground(ctx: Context) {
-        val body = javaClass.getResourceAsStream("/graphql-playground.html")!!.bufferedReader().use { reader ->
-            reader.readText()
-        }
-        ctx.html(body)
+        ctx.contentType(ContentType.TEXT_HTML)
+        ctx.result(javaClass.getResourceAsStream("/graphql-playground.html")!!)
     }
 
     fun webSocket(ws: WsConfig) {

diff --git a/server/src/main/resources/graphql-playground.html b/server/src/main/resources/graphql-playground.html
@@ -41,6 +41,22 @@
     <link href="https://unpkg.com/graphiql/graphiql.min.css" rel="stylesheet"/>
     <link href="https://unpkg.com/@graphiql/plugin-explorer/dist/style.min.css" rel="stylesheet"/>
     <style>
+        .docExplorerWrap {
+            width: 100% !important;
+            padding-bottom: 20px;
+        }
+        .docExplorerHide {
+            display: none;
+        }
+
+        /*noinspection CssUnresolvedCustomProperty*/
+        .doc-explorer-title {
+            font-weight: var(--font-weight-medium);
+            font-size: var(--font-size-h2);
+            overflow-x: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
         .doc-explorer-contents {
             height: 100%;
             padding-bottom: 40px;