Skip to content

Commit

Permalink
fixed css which was causing layout issues with the GraphiQL editor
Browse files Browse the repository at this point in the history
  • Loading branch information
skevy committed Aug 25, 2015
1 parent 5f8ca2d commit 1c76329
Show file tree
Hide file tree
Showing 2 changed files with 18 additions and 4 deletions.
12 changes: 12 additions & 0 deletions app/app.css
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,18 @@ body {
.wrapper {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}

.graphiql-wrapper {
display: flex;
flex: 1;
flex-direction: column;
}

#graphiql-container {
flex: 1;
}

.config-form {
Expand Down
10 changes: 6 additions & 4 deletions app/components/App.js
Original file line number Diff line number Diff line change
Expand Up @@ -90,10 +90,12 @@ export default class App extends React.Component {
<a href="javascript:;" onClick={this.openHeaderEdit}>Edit HTTP Headers</a>
</div>
</div>
{
// THIS IS THE GROSSEST THING I'VE EVER DONE AND I HATE IT. FIX ASAP
}
<GraphiQL key={this.state.endpoint + JSON.stringify(this.state.headers)} fetcher={this.graphQLFetcher} />
<div className="graphiql-wrapper">
{
// THIS IS THE GROSSEST THING I'VE EVER DONE AND I HATE IT. FIX ASAP
}
<GraphiQL key={this.state.endpoint + JSON.stringify(this.state.headers)} fetcher={this.graphQLFetcher} />
</div>

<Modal isOpen={this.state.headerEditOpen} onRequestClose={this.closeModal}>
<HTTPHeaderEditor
Expand Down

0 comments on commit 1c76329

Please sign in to comment.