r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

add styling for error/warning, not for tooltip

Browse source
This commit is contained in:
catarak 2016-07-12 19:11:07 -04:00
parent bc69995fb1
commit cbdf68cbd0
2 changed files with 30 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
client/styles/components/_editor.scss
View file

@ -19,3 +19,32 @@
.CodeMirror-line { .CodeMirror-line {
padding-left: #{5 / $base-font-size}rem; padding-left: #{5 / $base-font-size}rem;
} }
.CodeMirror-gutter-wrapper {
right: 100%;
top: 0;
bottom: 0;
}
.CodeMirror-lint-marker-warning, .CodeMirror-lint-marker-error, .CodeMirror-lint-marker-multiple {
background-image: none;
width: 70px;
position: absolute;
height: 100%;
}
.CodeMirror-lint-marker-warning {
background-color: rgb(255, 190, 5);
}
.CodeMirror-lint-marker-error {
background-color: rgb(255, 95, 82);
}
.CodeMirror-gutter-elt:not(.CodeMirror-linenumber) {
opacity: 0.3;
width: 70px !important;
height: 100%;
// background-color: rgb(255, 95, 82);
}

1
client/styles/components/_p5-widget-codemirror-theme.scss
View file

@ -27,6 +27,7 @@
.cm-s-p5-widget span.cm-error { color: #f00; } .cm-s-p5-widget span.cm-error { color: #f00; }
.cm-s-p5-widget .CodeMirror-activeline-background { background-color: #e8f2ff; } .cm-s-p5-widget .CodeMirror-activeline-background { background-color: #e8f2ff; }
// .cm-s-p5-widget .CodeMirror-activeline-gutter { background-color: #e8f2ff; }
.cm-s-p5-widget .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; } .cm-s-p5-widget .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }
/* These styles don't seem to be set by CodeMirror's javascript mode. */ /* These styles don't seem to be set by CodeMirror's javascript mode. */