From 49faf2c939b825aaa5f720275291a8f34437e3d4 Mon Sep 17 00:00:00 2001
From: "Brian E. Granger" <ellisonbg@gmail.com>
Date: Mon, 29 Apr 2013 13:58:53 -0700
Subject: [PATCH 1/3] Improving the tab completion UI/design

---
 .../html/notebook/static/js/completer.js      | 12 +++++-----
 .../html/notebook/static/less/notebook.less   | 24 ++++++-------------
 2 files changed, 13 insertions(+), 23 deletions(-)

diff --git a/IPython/frontend/html/notebook/static/js/completer.js b/IPython/frontend/html/notebook/static/js/completer.js
index de2ef7d64..e59220688 100644
--- a/IPython/frontend/html/notebook/static/js/completer.js
+++ b/IPython/frontend/html/notebook/static/js/completer.js
@@ -194,12 +194,12 @@ var IPython = (function (IPython) {
         this.complete.attr('id', 'complete');
 
         this.sel = $('<select style="width: auto"/>').attr('multiple', 'true').attr('size', Math.min(10, this.raw_result.length));
-        var pos = this.editor.cursorCoords();
-
-        // TODO: I propose to remove enough horizontal pixel
-        // to align the text later
-        this.complete.css('left', pos.left + 'px');
-        this.complete.css('top', pos.bottom + 'px');
+        //var pos = this.editor.cursorCoords();
+		var cur = this.editor.getCursor();
+		cur.ch = cur.ch-matched_text.length;
+		var pos = this.editor.cursorCoords(cur);
+        this.complete.css('left', pos.left-3 + 'px');
+        this.complete.css('top', pos.bottom+1 + 'px');
         this.complete.append(this.sel);
 
         $('body').append(this.complete);
diff --git a/IPython/frontend/html/notebook/static/less/notebook.less b/IPython/frontend/html/notebook/static/less/notebook.less
index dcea659b0..63109a8c2 100644
--- a/IPython/frontend/html/notebook/static/less/notebook.less
+++ b/IPython/frontend/html/notebook/static/less/notebook.less
@@ -408,6 +408,11 @@ div.text_cell_render {
     z-index: 10;
     overflow: hidden;
     border: 1px solid @border_color;
+	.corner-all;
+	.box-shadow(0 5px 10px rgba(0,0,0,.2));
+    // -moz-box-shadow:    0px 6px 10px -1px #adadad;
+    // -webkit-box-shadow: 0px 6px 10px -1px #adadad;
+    // box-shadow:         0px 6px 10px -1px #adadad;
 }
 
 .completions select {
@@ -418,28 +423,13 @@ div.text_cell_render {
     margin: 0px;
     overflow: auto;
     font-family: monospace;
+	font-size: 110%;
+    color: @fontBaseColor;
 }
 
 option.context {
   background-color: #DEF7FF;
 }
-option.introspection {
-  background-color: #EBF4EB;
-}
-
-/*fixed part of the completion*/
-.completions p b {
-    font-weight:bold;
-}
-
-.completions p {
-    background: #DDF;
-    /*outline: none;
-    padding: 0px;*/
-    border-bottom: black solid 1px;
-    padding: 1px;
-    font-family: monospace;
-}
 
 pre.dialog {
     background-color: @cell_background;

From 93f5f67d37be723e7e49fae59741f87419dae4b0 Mon Sep 17 00:00:00 2001
From: "Brian E. Granger" <ellisonbg@gmail.com>
Date: Mon, 29 Apr 2013 14:05:35 -0700
Subject: [PATCH 2/3] Updating box-shadows to proper bootstrap less function.

---
 .../frontend/html/notebook/static/js/completer.js   |  2 +-
 .../html/notebook/static/less/notebook.less         | 13 ++++---------
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/IPython/frontend/html/notebook/static/js/completer.js b/IPython/frontend/html/notebook/static/js/completer.js
index e59220688..6b1026184 100644
--- a/IPython/frontend/html/notebook/static/js/completer.js
+++ b/IPython/frontend/html/notebook/static/js/completer.js
@@ -208,7 +208,7 @@ var IPython = (function (IPython) {
         this.sel.dblclick(function () {
             that.pick();
         });
-        this.sel.blur(this.close);
+        //this.sel.blur(this.close);
         this.sel.keydown(function (event) {
             that.keydown(event);
         });
diff --git a/IPython/frontend/html/notebook/static/less/notebook.less b/IPython/frontend/html/notebook/static/less/notebook.less
index 63109a8c2..a9a789647 100644
--- a/IPython/frontend/html/notebook/static/less/notebook.less
+++ b/IPython/frontend/html/notebook/static/less/notebook.less
@@ -42,9 +42,7 @@ span#notebook_name {
 }
 
 .ui-menu {
-  -moz-box-shadow:    0px 6px 10px -1px #adadad;
-  -webkit-box-shadow: 0px 6px 10px -1px #adadad;
-  box-shadow:         0px 6px 10px -1px #adadad;
+	.box-shadow(0px 6px 10px -1px #adadad);
 }
 
 .ui-menu .ui-menu-item a {
@@ -243,7 +241,7 @@ div.output_scroll {
 
   overflow: auto;
   .corner-all;
-  box-shadow: inset 0 2px 8px rgba(0, 0, 0, .8);
+  .box-shadow(inset 0 2px 8px rgba(0, 0, 0, .8));
 }
 
 /* output div while it is collapsed */
@@ -260,7 +258,7 @@ div.out_prompt_overlay {
 
 div.out_prompt_overlay:hover {
   /* use inner shadow to get border that is computed the same on WebKit/FF */
-  box-shadow: inset 0 0 1px #000;
+  .box-shadow(inset 0 0 1px #000);
   background: rgba(240, 240, 240, 0.5);
 }
 
@@ -409,10 +407,7 @@ div.text_cell_render {
     overflow: hidden;
     border: 1px solid @border_color;
 	.corner-all;
-	.box-shadow(0 5px 10px rgba(0,0,0,.2));
-    // -moz-box-shadow:    0px 6px 10px -1px #adadad;
-    // -webkit-box-shadow: 0px 6px 10px -1px #adadad;
-    // box-shadow:         0px 6px 10px -1px #adadad;
+	.box-shadow(0px 6px 10px -1px #adadad);
 }
 
 .completions select {

From 5cc0897dd6ae46cfb037b54a2d1fe0534c996d8f Mon Sep 17 00:00:00 2001
From: "Brian E. Granger" <ellisonbg@gmail.com>
Date: Tue, 30 Apr 2013 19:44:23 -0700
Subject: [PATCH 3/3] Fixing styling of context type completions.

---
 IPython/frontend/html/notebook/static/js/completer.js    | 2 +-
 IPython/frontend/html/notebook/static/less/notebook.less | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/IPython/frontend/html/notebook/static/js/completer.js b/IPython/frontend/html/notebook/static/js/completer.js
index 6b1026184..e59220688 100644
--- a/IPython/frontend/html/notebook/static/js/completer.js
+++ b/IPython/frontend/html/notebook/static/js/completer.js
@@ -208,7 +208,7 @@ var IPython = (function (IPython) {
         this.sel.dblclick(function () {
             that.pick();
         });
-        //this.sel.blur(this.close);
+        this.sel.blur(this.close);
         this.sel.keydown(function (event) {
             that.keydown(event);
         });
diff --git a/IPython/frontend/html/notebook/static/less/notebook.less b/IPython/frontend/html/notebook/static/less/notebook.less
index a9a789647..3f196e348 100644
--- a/IPython/frontend/html/notebook/static/less/notebook.less
+++ b/IPython/frontend/html/notebook/static/less/notebook.less
@@ -422,8 +422,8 @@ div.text_cell_render {
     color: @fontBaseColor;
 }
 
-option.context {
-  background-color: #DEF7FF;
+.completions select option.context {
+  color: @blueDark;
 }
 
 pre.dialog {