witten
/
luminotes
Archived
1
0
Fork 0
Code Releases Activity

Now showing dashed-border drop targets between each note during a drag.

This commit is contained in:
Dan Helfman 2009-02-09 14:35:52 -08:00
parent de8daa4892
commit 1cb6b87047
2 changed files with 26 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
static/css/style.css
View File

@ -565,7 +565,14 @@ h1 {
}
.note_drop_target {
-moz-border-radius: 5px;
height: 2em;
margin-bottom: 0.75em;
border: 2px dashed #ffcc66;
}
.note_drop_target_hover {
border: 2px dashed #000000;
}
.note_shadow {

22
static/js/Editor.js
View File

@ -691,9 +691,25 @@ Editor.prototype.start_drag = function ( event ) {
// add a blank div to the area where the editor is popping out from. this lets the user easily
// see where the editor came from
var blank_div = createDOM( "div", { "class": "note_drop_target" } );
insertSiblingNodesAfter( this.holder, blank_div );
setElementDimensions( blank_div, getElementDimensions( this.holder ) );
var drop_target = createDOM( "div", { "class": "note_drop_target" } );
insertSiblingNodesAfter( this.holder, drop_target );
var div_size = getElementDimensions( this.div );
div_size.w -= FRAME_BORDER_WIDTH * 2;
setElementDimensions( drop_target, div_size );
// add drop target divs between every note
var holders = getElementsByTagAndClassName( "table", "note_holder" );
for ( var i in holders ) {
var holder = holders[ i ];
i = parseInt( i );
var next_holder = ( i + 1 < holders.length ) && holders[ i + 1 ] || null;
if ( holder == this.holder || next_holder == this.holder ) continue;
drop_target = createDOM( "div", { "class": "note_drop_target" } );
insertSiblingNodesAfter( holder, drop_target );
setElementDimensions( drop_target, { "w": div_size.w } );
}
// vertically reposition the editor so that at least some part of it is under the mouse cursor
var viewport_position = getViewportPosition();