Merge pull request #3397 from lohxt1/fix/graphql-editor-search-box

fix: graphql editor search box styling
This commit is contained in:
lohit 2024-10-30 19:37:01 +05:30 committed by GitHub
commit 5fa7a75284
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 1 deletions

View File

@ -50,6 +50,10 @@ const StyledWrapper = styled.div`
.cm-variable-invalid { .cm-variable-invalid {
color: red; color: red;
} }
.CodeMirror-search-hint {
display: inline;
}
`; `;
export default StyledWrapper; export default StyledWrapper;

View File

@ -209,7 +209,7 @@ export default class QueryEditor extends React.Component {
return ( return (
<> <>
<StyledWrapper <StyledWrapper
className="h-full w-full flex flex-col relative" className="h-full w-full flex flex-col relative graphiql-container"
aria-label="Query Editor" aria-label="Query Editor"
font={this.props.font} font={this.props.font}
fontSize={this.props.fontSize} fontSize={this.props.fontSize}