Add stylesheet for CodeMirror autocomplete

This commit is contained in:
Alasdair Smith 2018-06-12 15:30:01 +01:00
parent 0777e44abf
commit 88dd233624
2 changed files with 38 additions and 1 deletions

View file

@ -92,3 +92,4 @@
@import "../js/libs/select/select.css"; @import "../js/libs/select/select.css";
@import "vendor/codemirror.css"; @import "vendor/codemirror.css";
@import "vendor/codemirror-dialog.css"; @import "vendor/codemirror-dialog.css";
@import "vendor/codemirror-show-hint.css";

View file

@ -0,0 +1,36 @@
.CodeMirror-hints {
position: absolute;
z-index: 10;
overflow: hidden;
list-style: none;
margin: 0;
padding: 2px;
-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
-moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
box-shadow: 2px 3px 5px rgba(0,0,0,.2);
border-radius: 3px;
border: 1px solid silver;
background: white;
font-size: 90%;
font-family: monospace;
max-height: 20em;
overflow-y: auto;
}
.CodeMirror-hint {
margin: 0;
padding: 0 4px;
border-radius: 2px;
white-space: pre;
color: black;
cursor: pointer;
}
li.CodeMirror-hint-active {
background: #08f;
color: white;
}