docs: improve graphiql styles

PR-URL: https://github.com/hasura/graphql-engine-mono/pull/7434
GitOrigin-RevId: dc4ffd853672882a34e0732e6f778002a950555e
This commit is contained in:
Rikin Kachhia 2023-01-04 17:47:56 +05:30 committed by hasura-bot
parent 237dbee415
commit e9d98448f4

View File

@ -11,24 +11,28 @@
.graphiql-container {
min-height: 325px;
resize: vertical;
border: 1px solid var(--ifm-border-color);
-webkit-box-shadow: -1px 2px 10px 2px rgba(217, 217, 217, 1);
-moz-box-shadow: -1px 2px 10px 2px rgba(217, 217, 217, 1);
box-shadow: -1px 2px 10px 2px rgba(217, 217, 217, 1);
.secondary-editor-title,
.secondary-editor-title .variable-editor-title-text {
display: none;
}
}
&.with-vars .graphiql-container {
min-height: 375px;
.secondary-editor-title {
.secondary-editor-title,
.secondary-editor-title .variable-editor-title-text.active {
display: block;
}
}
.secondary-editor-title {
display: none;
}
.topBarWrap {
height: 0;
}