mudhorn/prometheus
1
0
Fork 0
mirror of https://github.com/prometheus/prometheus.git synced 2025-03-05 20:59:13 -08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

fix: Wrap text in CodeMirror expression editor (#8665)

Browse source 
Fixes https://github.com/prometheus/prometheus/issues/8663

Signed-off-by: Julius Volz <julius.volz@gmail.com>
This commit is contained in:
Julius Volz 2021-03-29 12:48:04 +02:00 committed by GitHub
parent 49559380eb
commit 2043c60f11
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
web/ui/react-app/src/App.css
View file

@ -32,8 +32,11 @@ input[type='checkbox']:checked + label {
text-transform: capitalize; text-transform: capitalize;
} }
.expression-input { /* Using a more specific selector here to be able to override Bootstrap's default input group styles. */
.input-group.expression-input {
margin-bottom: 10px; margin-bottom: 10px;
/* Prevent the input group from wrapping around when the editor content is too long for a line. */
flex-wrap: nowrap;
} }
.expression-input .cm-expression-input { .expression-input .cm-expression-input {

1
web/ui/react-app/src/pages/graph/CMExpressionInput.tsx
View file

@ -128,6 +128,7 @@ const CMExpressionInput: FC<CMExpressionInputProps> = ({
closeBrackets(), closeBrackets(),
autocompletion(), autocompletion(),
highlightSelectionMatches(), highlightSelectionMatches(),
EditorView.lineWrapping,
keymap.of([ keymap.of([
...closeBracketsKeymap, ...closeBracketsKeymap,
...defaultKeymap, ...defaultKeymap,