Move CSS required for simple-hint.js into simple-hint.css

iee · Nov 6, 2011 · 8cd3465 · 8cd3465
1 parent af01eb4
commit 8cd3465
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 23 deletions.
diff --git a/demo/complete.html b/demo/complete.html
@@ -5,32 +5,12 @@
     <link rel="stylesheet" href="../lib/codemirror.css">
     <script src="../lib/codemirror.js"></script>
     <script src="../lib/util/simple-hint.js"></script>
+    <link rel="stylesheet" href="../lib/util/simple-hint.css">
     <script src="../lib/util/javascript-hint.js"></script>
     <link rel="stylesheet" href="../theme/night.css">
     <script src="../mode/javascript/javascript.js"></script>
     <link rel="stylesheet" href="../css/docs.css">
-
-    <style type="text/css">
-      .completions {
-        position: absolute;
-        z-index: 10;
-        overflow: hidden;
-        -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);
-      }
-      .completions select {
-        background: #fafafa;
-        outline: none;
-        border: none;
-        padding: 0;
-        margin: 0;
-        font-family: monospace;
-      }
-      .CodeMirror {
-        border: 1px solid #eee;
-      }
-    </style>
+    <style type="text/css">.CodeMirror {border: 1px solid #eee;}</style>
   </head>
   <body>
     <h1>CodeMirror 2: Autocomplete demo</h1>

diff --git a/lib/util/simple-hint.css b/lib/util/simple-hint.css
@@ -0,0 +1,16 @@
+.CodeMirror-completions {
+  position: absolute;
+  z-index: 10;
+  overflow: hidden;
+  -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);
+}
+.CodeMirror-completions select {
+  background: #fafafa;
+  outline: none;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font-family: monospace;
+}
diff --git a/lib/util/simple-hint.js b/lib/util/simple-hint.js
@@ -26,7 +26,7 @@
 
     // Build the select widget
     var complete = document.createElement("div");
-    complete.className = "completions";
+    complete.className = "CodeMirror-completions";
     var sel = complete.appendChild(document.createElement("select"));
     // Opera doesn't move the selection when pressing up/down in a
     // multi-select, but it does properly support the size property on