PXP-11072 fix graphiql styling (#1402)

* disable graphiql styling

* disable more

* start over on css

* update css

* fix typo

* fix height and color

* fix css

* fix local css load

* update path

* remove unneeded css

Author: mfshao

boot.js

@@ -28,7 +28,7 @@
   linkNode.rel = 'stylesheet';
   document.body.appendChild(linkNode);
   // create local theme override node in body
-  const localThemeOverridesSrc = (basename && basename !== '/') ? `https://localhost:9443${basename}/src/css/themeoverrides.css?_=${cssVersion}` : `https://localhost:9443/src/css/themeoverrides.css?_=${cssVersion}`;
+  const localThemeOverridesSrc = (basename && basename !== '/') ? `https://localhost:9443${basename}/src/css/themeoverrides.css` : 'https://localhost:9443/src/css/themeoverrides.css';
   linkNode = document.createElement('link');
   linkNode.href = localThemeOverridesSrc;
   linkNode.type = 'text/css';

src/css/graphiql.css

@@ -223,7 +223,7 @@
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
-  height: 29px;
+  height: 200px;
   position: relative;
 }
 
@@ -242,6 +242,16 @@
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  display: flex;
+  cursor: row-resize;
+}
+
+.graphiql-container .variable-editor-title-text{
+  cursor: pointer;
+}
+
+.graphiql-container .variable-editor-title-text.active {
+  color: black;
 }
 
 .graphiql-container .codemirrorWrap {

src/localconf.js

@@ -111,7 +111,8 @@ function buildConfig(opts) {
   const logoutInactiveUsers = !(process.env.LOGOUT_INACTIVE_USERS === 'false');
   const useIndexdAuthz = !(process.env.USE_INDEXD_AUTHZ === 'false');
   const workspaceTimeoutInMinutes = process.env.WORKSPACE_TIMEOUT_IN_MINUTES || 480;
-  const graphqlSchemaUrl = `${hostname}${(basename && basename !== '/') ? basename : ''}/data/schema.json`;
+  const cleanBasename = basename.replace(/^\/+/g, '').replace(/(dev.html$)/, '').replace(/\/$/, '');
+  const graphqlSchemaUrl = `${hostname}${cleanBasename}/data/schema.json`;
   const workspaceUrl = typeof workspaceURL === 'undefined' ? '/lw-workspace/' : ensureTrailingSlash(workspaceURL);
   const workspaceErrorUrl = '/no-workspace-access/';
   const Error403Url = '/403error';