From ec377a644abb520a879091b76138dd5e4b3a893d Mon Sep 17 00:00:00 2001
From: Dan Helfman <dan@luminotes.com>
Date: Mon, 9 Feb 2009 17:09:37 -0800
Subject: [PATCH] Now highlighting the hovered drop target and
 highlighting/focusing the dropped editor.

---
 static/css/style.css | 3 ++-
 static/js/Editor.js  | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/static/css/style.css b/static/css/style.css
index 6148ac8..c866345 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -572,12 +572,13 @@ h1 {
   -moz-border-radius: 5px;
   position: relative;
   top: -0.5em;
-  border-top: 2px dashed #999999;
+  border-top: 2px dashed #000000;
 }
 
 .note_drop_target_hover {
   height: 2em;
   border: 2px dashed #000000;
+  background-color: #ffcc66;
 }
 
 .note_shadow {
diff --git a/static/js/Editor.js b/static/js/Editor.js
index 22f8aed..9c72f61 100644
--- a/static/js/Editor.js
+++ b/static/js/Editor.js
@@ -847,6 +847,7 @@ Editor.prototype.drop = function( event ) {
     setElementPosition( this.holder, getElementPosition( hover_drop_target ) );
     swapDOM( hover_drop_target, this.holder );
     removeElement( "note_drag_source_area" );
+    this.highlight();
   }
 
   var drop_targets = getElementsByTagAndClassName( "div", "note_drop_target" );