From 88dd233624bf5056d26dd2119bac72bd6e6a56cf Mon Sep 17 00:00:00 2001
From: Alasdair Smith <ali@alasdairsmith.co.uk>
Date: Tue, 12 Jun 2018 15:30:01 +0100
Subject: [PATCH] Add stylesheet for CodeMirror autocomplete

---
 .../public/stylesheets/_style_includes.less   |  3 +-
 .../vendor/codemirror-show-hint.css           | 36 +++++++++++++++++++
 2 files changed, 38 insertions(+), 1 deletion(-)
 create mode 100644 services/web/public/stylesheets/vendor/codemirror-show-hint.css

diff --git a/services/web/public/stylesheets/_style_includes.less b/services/web/public/stylesheets/_style_includes.less
index 58aa7db70a..968304ba3d 100644
--- a/services/web/public/stylesheets/_style_includes.less
+++ b/services/web/public/stylesheets/_style_includes.less
@@ -91,4 +91,5 @@
 @import	"../js/libs/pdfListView/HighlightsLayer.css";
 @import	"../js/libs/select/select.css";
 @import "vendor/codemirror.css";
-@import "vendor/codemirror-dialog.css";
\ No newline at end of file
+@import "vendor/codemirror-dialog.css";
+@import "vendor/codemirror-show-hint.css";
diff --git a/services/web/public/stylesheets/vendor/codemirror-show-hint.css b/services/web/public/stylesheets/vendor/codemirror-show-hint.css
new file mode 100644
index 0000000000..5617ccca2b
--- /dev/null
+++ b/services/web/public/stylesheets/vendor/codemirror-show-hint.css
@@ -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;
+}