mirror of
https://github.com/usebruno/bruno.git
synced 2024-11-07 08:34:15 +01:00
Merge pull request #3393 from lohxt1/fix/codeeditor-search-box
fix: code editor styling fixes -- search box, folding marker
This commit is contained in:
commit
fe2b45f9ea
@ -14,6 +14,9 @@ const StyledWrapper = styled.div`
|
|||||||
.CodeMirror-foldmarker {
|
.CodeMirror-foldmarker {
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
color: ${(props) => props.theme.textLink};
|
color: ${(props) => props.theme.textLink};
|
||||||
|
background: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.CodeMirror-overlayscroll-horizontal div,
|
.CodeMirror-overlayscroll-horizontal div,
|
||||||
@ -75,6 +78,10 @@ const StyledWrapper = styled.div`
|
|||||||
.cm-variable-invalid {
|
.cm-variable-invalid {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.graphiql-container .CodeMirror-search-hint {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
export default StyledWrapper;
|
export default StyledWrapper;
|
||||||
|
@ -339,7 +339,7 @@ export default class CodeEditor 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="Code Editor"
|
aria-label="Code Editor"
|
||||||
font={this.props.font}
|
font={this.props.font}
|
||||||
fontSize={this.props.fontSize}
|
fontSize={this.props.fontSize}
|
||||||
|
@ -23,23 +23,26 @@
|
|||||||
--color-method-options: rgb(52 52 52);
|
--color-method-options: rgb(52 52 52);
|
||||||
--color-method-head: rgb(52 52 52);
|
--color-method-head: rgb(52 52 52);
|
||||||
}
|
}
|
||||||
|
:root,.graphiql-container,.CodeMirror-info,.CodeMirror-lint-tooltip,reach-portal {
|
||||||
*,.graphiql-container,.CodeMirror-info,.CodeMirror-lint-tooltip,reach-portal {
|
|
||||||
/* Required CSS variables after upgrading GraphiQL from v1.5.9 to v2.4.7 */
|
/* Required CSS variables after upgrading GraphiQL from v1.5.9 to v2.4.7 */
|
||||||
--color-primary: 0, 0%, 0% !important;
|
/* Colors */
|
||||||
--color-secondary: 0, 0%, 0% !important;
|
--color-primary: 320, 95%, 43%;
|
||||||
--color-tertiary: 0, 0%, 0% !important;
|
--color-secondary: 242, 51%, 61%;
|
||||||
--color-info: 0, 0%, 0% !important;
|
--color-tertiary: 188, 100%, 36%;
|
||||||
--color-success: 0, 0%, 0% !important;
|
--color-info: 208, 100%, 46%;
|
||||||
--color-warning: 0, 0%, 0% !important;
|
--color-success: 158, 60%, 42%;
|
||||||
--color-error: 0, 0%, 0% !important;
|
--color-warning: 36, 100%, 41%;
|
||||||
--color-neutral: 0, 0%, 0% !important;
|
--color-error: 13, 93%, 58%;
|
||||||
--color-base: 0, 0%, 100% !important;
|
--color-neutral: 219, 28%, 32%;
|
||||||
--alpha-secondary: .76;
|
--color-base: 219, 28%, 100%;
|
||||||
--alpha-tertiary: .5;
|
|
||||||
--alpha-background-heavy: .15;
|
/* Color alpha values */
|
||||||
--alpha-background-medium: .1;
|
--alpha-secondary: 0.76;
|
||||||
--alpha-background-light: .07;
|
--alpha-tertiary: 0.5;
|
||||||
|
--alpha-background-heavy: 0.15;
|
||||||
|
--alpha-background-medium: 0.1;
|
||||||
|
--alpha-background-light: 0.07;
|
||||||
|
|
||||||
--font-size-hint: .75rem;
|
--font-size-hint: .75rem;
|
||||||
--font-size-inline-code: .8125rem;
|
--font-size-inline-code: .8125rem;
|
||||||
--font-size-body: .9375rem;
|
--font-size-body: .9375rem;
|
||||||
|
Loading…
Reference in New Issue
Block a user