From 3d791008773e82c7468932b15a5dd89e25b3f2b7 Mon Sep 17 00:00:00 2001
From: Nathan Sobo <nathan@github.com>
Date: Mon, 1 Oct 2012 14:20:00 -1000
Subject: [PATCH] Make the event palette an overlay.

---
 spec/extensions/event-palette-spec.coffee         | 2 +-
 src/extensions/event-palette/event-palette.coffee | 3 +--
 src/extensions/event-palette/event-palette.css    | 5 +++++
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/spec/extensions/event-palette-spec.coffee b/spec/extensions/event-palette-spec.coffee
index 0158eb264..72d31946a 100644
--- a/spec/extensions/event-palette-spec.coffee
+++ b/spec/extensions/event-palette-spec.coffee
@@ -14,7 +14,7 @@ describe "EventPalette", ->
     rootView.remove()
 
   describe "when shown", ->
-    ffit "shows a list of all valid events for the previously focused element", ->
+    it "shows a list of all valid events for the previously focused element, then focuses the mini-editor", ->
       rootView.attachToDom().focus()
       rootView.trigger 'event-palette:show'
       for [event, description] in rootView.getActiveEditor().events()
diff --git a/src/extensions/event-palette/event-palette.coffee b/src/extensions/event-palette/event-palette.coffee
index 17dae8c10..2a9b90abe 100644
--- a/src/extensions/event-palette/event-palette.coffee
+++ b/src/extensions/event-palette/event-palette.coffee
@@ -18,9 +18,8 @@ class EventPalette extends View
 
   attach: ->
     @previouslyFocusedElement = $(':focus')
-    console.log @pre
     @populateEventList()
-    @appendTo(@rootView.vertical)
+    @appendTo(@rootView)
     @miniEditor.focus()
 
   populateEventList: ->
diff --git a/src/extensions/event-palette/event-palette.css b/src/extensions/event-palette/event-palette.css
index a363a5f2b..f6c2f19c6 100644
--- a/src/extensions/event-palette/event-palette.css
+++ b/src/extensions/event-palette/event-palette.css
@@ -1,3 +1,8 @@
+.event-palette {
+  position: absolute;
+  bottom: 0;
+}
+
 .event-palette .event-list {
   max-height: 300px;
   color: white;