dynatree-rails 0.0.4 → 0.1.0

data/vendor/assets/javascripts/dynatree/jquery.dynatree.js

@@ -2,23 +2,27 @@
 	jquery.dynatree.js
 	Dynamic tree view control, with support for lazy loading of branches.
 
-	Copyright (c) 2008-2011, Martin Wendt (http://wwWendt.de)
+	Copyright (c) 2006-2012, Martin Wendt (http://wwWendt.de)
 	Dual licensed under the MIT or GPL Version 2 licenses.
 	http://code.google.com/p/dynatree/wiki/LicenseInfo
 
 	A current version and some documentation is available at
 		http://dynatree.googlecode.com/
 
-	$Version: 1.2.1_rc3$
-	$Revision: 585, 2012-01-10 00:07:39$
+	$Version: 1.2.2$
+	$Revision: 627, 2012-10-07 16:55:00$
 
 	@depends: jquery.js
 	@depends: jquery.ui.core.js
 	@depends: jquery.cookie.js
 *************************************************************************/
 
+/* jsHint options*/
 // Note: We currently allow eval() to parse the 'data' attribtes, when initializing from HTML.
-/*jslint laxbreak: true, browser: true, evil: true, indent: 0, white: false, onevar: false */
+// TODO: pass jsHint with the options given in grunt.js only.
+//       The following should not be required:
+/*global alert */
+/*jshint nomen:false, smarttabs:true, eqeqeq:false, evil:true, regexp:false */
 
 /*************************************************************************
  *	Debug functions
@@ -188,7 +192,8 @@ DynaTreeNode.prototype = {
 			cache = tree.cache,
 			level = this.getLevel(),
 			data = this.data,
-			res = "";
+			res = "",
+			imageSrc;
 		// connector (expanded, expandable or simple)
 		if( level < opts.minExpandLevel ) {
 			if(level > 1){
@@ -206,10 +211,15 @@ DynaTreeNode.prototype = {
 		}
 		// folder or doctype icon
 		if ( data.icon ) {
-			res += "<img src='" + opts.imagePath + data.icon + "' alt='' />";
+			if (data.icon.charAt(0) === "/"){
+				imageSrc = data.icon;
+			}else{
+				imageSrc = opts.imagePath + data.icon;
+			}
+			res += "<img src='" + imageSrc + "' alt='' />";
 		} else if ( data.icon === false ) {
 			// icon == false means 'no icon'
-			noop(); // keep JSLint happy
+//			noop(); // keep JSLint happy
 		} else {
 			// icon == null means 'default icon'
 			res += cache.tagNodeIcon;
@@ -898,6 +908,8 @@ DynaTreeNode.prototype = {
 				for(i=0, l=p.childList.length; i<l;  i++) {
 					var n = p.childList[i];
 					if( !n.bSelected && !n.data.isStatusNode && !n.data.unselectable) {
+					// issue 305 proposes this:
+//					if( !n.bSelected && !n.data.isStatusNode ) {
 						allChildsSelected = false;
 						break;
 					}
@@ -1155,12 +1167,8 @@ DynaTreeNode.prototype = {
 			this._userActivate();
 			var aTag = this.span.getElementsByTagName("a");
 			if(aTag[0]){
-				// issue 154
-				// TODO: check if still required on IE 9:
-				// Chrome and Safari don't focus the a-tag on click,
-				// but calling focus() seem to have problems on IE:
-				// http://code.google.com/p/dynatree/issues/detail?id=154
-				if(!$.browser.msie){
+				// issue 154, 313
+				if(!($.browser.msie && parseInt($.browser.version, 10) < 9)){
 					aTag[0].focus();
 				}
 			}else{
@@ -1272,7 +1280,7 @@ DynaTreeNode.prototype = {
 
 	_onFocus: function(event) {
 		// Handles blur and focus events.
-//		this.tree.logDebug("dtnode.onFocus(%o): %o", event, this);
+//		this.tree.logDebug("dtnode._onFocus(%o): %o", event, this);
 		var opts = this.tree.options;
 		if ( event.type == "blur" || event.type == "focusout" ) {
 			if ( opts.onBlur ){
@@ -1478,39 +1486,44 @@ DynaTreeNode.prototype = {
 			throw "Key path must be relative (don't start with '/')";
 		}
 		var seg = segList.shift();
-
-		for(var i=0, l=this.childList.length; i < l; i++){
-			var child = this.childList[i];
-			if( child.data.key === seg ){
-				if(segList.length === 0) {
-					// Found the end node
-					callback.call(tree, child, "ok");
-
-				}else if(child.data.isLazy && (child.childList === null || child.childList === undefined)){
-					tree.logDebug("%s._loadKeyPath(%s) -> reloading %s...", this, keyPath, child);
-					var self = this;
-					child.reloadChildren(function(node, isOk){
-						// After loading, look for direct child with that key
-						if(isOk){
-							tree.logDebug("%s._loadKeyPath(%s) -> reloaded %s.", node, keyPath, node);
-							callback.call(tree, child, "loaded");
-							node._loadKeyPath(segList.join(tree.options.keyPathSeparator), callback);
-						}else{
-							tree.logWarning("%s._loadKeyPath(%s) -> reloadChildren() failed.", self, keyPath);
-							callback.call(tree, child, "error");
-						}
-					}); // Note: this line gives a JSLint warning (Don't make functions within a loop)
-					// we can ignore it, since it will only be exectuted once, the the loop is ended
-					// See also http://stackoverflow.com/questions/3037598/how-to-get-around-the-jslint-error-dont-make-functions-within-a-loop
-				} else {
-					callback.call(tree, child, "loaded");
-					// Look for direct child with that key
-					child._loadKeyPath(segList.join(tree.options.keyPathSeparator), callback);
+		if(this.childList){
+			for(var i=0, l=this.childList.length; i < l; i++){
+				var child = this.childList[i];
+				if( child.data.key === seg ){
+					if(segList.length === 0) {
+						// Found the end node
+						callback.call(tree, child, "ok");
+
+					}else if(child.data.isLazy && (child.childList === null || child.childList === undefined)){
+						tree.logDebug("%s._loadKeyPath(%s) -> reloading %s...", this, keyPath, child);
+						var self = this;
+						// Note: this line gives a JSLint warning (Don't make functions within a loop)
+						/*jshint loopfunc:true */
+						child.reloadChildren(function(node, isOk){
+							// After loading, look for direct child with that key
+							if(isOk){
+								tree.logDebug("%s._loadKeyPath(%s) -> reloaded %s.", node, keyPath, node);
+								callback.call(tree, child, "loaded");
+								node._loadKeyPath(segList.join(tree.options.keyPathSeparator), callback);
+							}else{
+								tree.logWarning("%s._loadKeyPath(%s) -> reloadChildren() failed.", self, keyPath);
+								callback.call(tree, child, "error");
+							}
+						});
+						// we can ignore it, since it will only be exectuted once, the the loop is ended
+						// See also http://stackoverflow.com/questions/3037598/how-to-get-around-the-jslint-error-dont-make-functions-within-a-loop
+					} else {
+						callback.call(tree, child, "loaded");
+						// Look for direct child with that key
+						child._loadKeyPath(segList.join(tree.options.keyPathSeparator), callback);
+					}
+					return;
 				}
-				return;
 			}
 		}
 		// Could not find key
+		// Callback params: child: undefined, the segment, isEndNode (segList.length === 0)
+		callback.call(tree, undefined, "notfound", seg, segList.length === 0);
 		tree.logWarning("Node not found: " + seg);
 		return;
 	},
@@ -1729,7 +1742,7 @@ DynaTreeNode.prototype = {
 				// Process ASPX WebMethod JSON object inside "d" property
 				// http://code.google.com/p/dynatree/issues/detail?id=202
 				else if (data && data.hasOwnProperty("d")) {
-				   data = (typeof data.d) == "string" ? $.parseJSON(data.d) : response.d;
+				   data = (typeof data.d) == "string" ? $.parseJSON(data.d) : data.d;
 				}
 				if(!$.isArray(data) || data.length !== 0){
 					self.addChild(data, null);
@@ -1789,7 +1802,7 @@ DynaTreeNode.prototype = {
 		}
 		// Unlink this node from current parent
 		if( this.parent.childList.length == 1 ) {
-			this.parent.childList = null;
+			this.parent.childList = this.parent.data.isLazy ? [] : null;
 			this.parent.bExpanded = false;
 		} else {
 			pos = $.inArray(this, this.parent.childList);
@@ -1799,7 +1812,9 @@ DynaTreeNode.prototype = {
 			this.parent.childList.splice(pos, 1);
 		}
 		// Remove from source DOM parent
-		this.parent.ul.removeChild(this.li);
+		if(this.parent.ul){
+			this.parent.ul.removeChild(this.li);
+		}
 
 		// Insert this node to target parent's child list
 		this.parent = targetParent;
@@ -1839,8 +1854,10 @@ DynaTreeNode.prototype = {
 			targetParent.ul.style.display = "none";
 			targetParent.li.appendChild(targetParent.ul);
 		}
-		// Add to target DOM parent
-		targetParent.ul.appendChild(this.li);
+		// Issue 319: Add to target DOM parent (only if node was already rendered(expanded))
+		if(this.li){
+			targetParent.ul.appendChild(this.li);
+		}
 
 		if( this.tree !== targetNode.tree ) {
 			// Fix node.tree for all source nodes
@@ -2026,7 +2043,7 @@ var DynaTree = Class.create();
 
 // --- Static members ----------------------------------------------------------
 
-DynaTree.version = "$Version: 1.2.1_rc3$";
+DynaTree.version = "$Version: 1.2.2$";
 
 /*
 DynaTree._initTree = function() {
@@ -2139,10 +2156,10 @@ DynaTree.prototype = {
 		this.tnRoot.render();
 		this.divTree.appendChild(this.tnRoot.ul);
 
-		var root = this.tnRoot;
-		var isReloading = ( opts.persist && this.persistence.isReloading() );
-		var isLazy = false;
-		var prevFlag = this.enableUpdate(false);
+		var root = this.tnRoot,
+			isReloading = ( opts.persist && this.persistence.isReloading() ),
+			isLazy = false,
+			prevFlag = this.enableUpdate(false);
 
 		this.logDebug("Dynatree._load(): read tree structure...");
 
@@ -2535,8 +2552,9 @@ TODO: better?
 		if( !this.$dndMarker ) {
 			this.$dndMarker = $("<div id='dynatree-drop-marker'></div>")
 				.hide()
+				.css({"z-index": 1000})
 				.prependTo($(this.divTree).parent());
-//				.prependTo("body");
+
 //			logMsg("Creating marker: %o", this.$dndMarker);
 		}
 /*
@@ -2546,29 +2564,28 @@ TODO: better?
 //			sourceNode.removeClass("dynatree-drop-target");
 		}
 */
-//		this.$dndMarker.attr("class", hitMode);
 		if(hitMode === "after" || hitMode === "before" || hitMode === "over"){
 //			$source && $source.addClass("dynatree-drag-source");
-			var pos = $target.offset();
-
 //			$target.addClass("dynatree-drop-target");
 
+			var markerOffset = "0 0";
+
 			switch(hitMode){
 			case "before":
 				this.$dndMarker.removeClass("dynatree-drop-after dynatree-drop-over");
 				this.$dndMarker.addClass("dynatree-drop-before");
-				pos.top -= 8;
+				markerOffset = "0 -8";
 				break;
 			case "after":
 				this.$dndMarker.removeClass("dynatree-drop-before dynatree-drop-over");
 				this.$dndMarker.addClass("dynatree-drop-after");
-				pos.top += 8;
+				markerOffset = "0 8";
 				break;
 			default:
 				this.$dndMarker.removeClass("dynatree-drop-after dynatree-drop-before");
 				this.$dndMarker.addClass("dynatree-drop-over");
 				$target.addClass("dynatree-drop-target");
-				pos.left += 8;
+				markerOffset = "8 0";
 			}
 //			logMsg("Creating marker: %o", this.$dndMarker);
 //			logMsg("    $target.offset=%o", $target);
@@ -2581,13 +2598,15 @@ TODO: better?
 //			var parentPos = $target.offsetParent().offset();
 //			var bodyPos = $target.offsetParent().offset();
 
-			this.$dndMarker //.offset({left: pos.left, top: pos.top})
-				.css({
-					"left": pos.left,
-					"top": pos.top,
-					"z-index": 1000
-				})
-				.show();
+			this.$dndMarker
+				.show()
+				.position({
+					my: "left top",
+					at: "left top",
+					of: $target,
+					offset: markerOffset
+				});
+
 //			helper.addClass("dynatree-drop-hover");
 		} else {
 //			$source && $source.removeClass("dynatree-drag-source");
@@ -2659,7 +2678,8 @@ TODO: better?
 			dnd = this.options.dnd,
 			res = null,
 			nodeTag = $(node.span),
-			hitMode;
+			hitMode,
+			enterResponse;
 
 		switch (eventName) {
 		case "helper":
@@ -2693,20 +2713,26 @@ TODO: better?
 			break;
 		case "enter":
 			res = dnd.onDragEnter ? dnd.onDragEnter(node, otherNode) : null;
-			res = {
-				over: (res !== false) && ((res === true) || (res === "over") || $.inArray("over", res) >= 0),
-				before: (res !== false) && ((res === true) || (res === "before") || $.inArray("before", res) >= 0),
-				after: (res !== false) && ((res === true) || (res === "after") || $.inArray("after", res) >= 0)
-			};
+			if(!res){
+				// convert null, undefined, false to false
+				res = false;
+			}else{
+				res = {
+					over: ((res === true) || (res === "over") || $.inArray("over", res) >= 0),
+					before: ((res === true) || (res === "before") || $.inArray("before", res) >= 0),
+					after: ((res === true) || (res === "after") || $.inArray("after", res) >= 0)
+				};
+			}
 			ui.helper.data("enterResponse", res);
 //			this.logDebug("helper.enterResponse: %o", res);
 			break;
 		case "over":
-			var enterResponse = ui.helper.data("enterResponse");
+			enterResponse = ui.helper.data("enterResponse");
 			hitMode = null;
 			if(enterResponse === false){
 				// Don't call onDragOver if onEnter returned false.
-				break;
+				// issue 332
+//				break;
 			} else if(typeof enterResponse === "string") {
 				// Use hitMode from onEnter if provided.
 				hitMode = enterResponse;
@@ -2766,12 +2792,19 @@ TODO: better?
 			}
 			if(hitMode && dnd.onDragOver){
 				res = dnd.onDragOver(node, otherNode, hitMode);
+				if(res === "over" || res === "before" || res === "after") {
+					hitMode = res;
+				}
 			}
-			this._setDndStatus(otherNode, node, ui.helper, hitMode, res!==false);
+			// issue 332
+//			this._setDndStatus(otherNode, node, ui.helper, hitMode, res!==false);
+			this._setDndStatus(otherNode, node, ui.helper, hitMode, res!==false && hitMode !== null);
 			break;
 		case "drop":
+			// issue 286: don't trigger onDrop, if DnD status is 'reject'
+			var isForbidden = ui.helper.hasClass("dynatree-drop-reject");
 			hitMode = ui.helper.data("hitMode");
-			if(hitMode && dnd.onDrop){
+			if(hitMode && dnd.onDrop && !isForbidden){
 				dnd.onDrop(node, otherNode, hitMode, ui, draggable);
 			}
 			break;
@@ -2908,6 +2941,7 @@ $.widget("ui.dynatree", {
 			return dtnode ? dtnode._onFocus(event) : false;
 		}
 		var div = this.tree.divTree;
+
 		if( div.addEventListener ) {
 			div.addEventListener("focus", __focusHandler, true);
 			div.addEventListener("blur", __focusHandler, true);
@@ -2972,7 +3006,7 @@ if( parseFloat($.ui.version) < 1.8 ) {
 /*******************************************************************************
  * Tools in ui.dynatree namespace
  */
-$.ui.dynatree.version = "$Version: 1.2.1_rc3$";
+$.ui.dynatree.version = "$Version: 1.2.2$";
 
 /**
  * Return a DynaTreeNode object for a given DOM element
@@ -3007,7 +3041,7 @@ $.ui.dynatree.getNode = function(el) {
 	});
 	return node;
 */
-}
+};
 
 /**Return persistence information from cookies.*/
 $.ui.dynatree.getPersistData = DynaTreeStatus._getTreePersistData;
@@ -3055,6 +3089,9 @@ $.ui.dynatree.prototype.options = {
 	onCustomRender: null, // Callback(dtnode) before a node is rendered. Return a HTML string to override.
 	onCreate: null, // Callback(dtnode, nodeSpan) after a node was rendered for the first time.
 	onRender: null, // Callback(dtnode, nodeSpan) after a node was rendered.
+				// postProcess is similar to the standard dataFilter hook,
+				// but it is also called for JSONP
+	postProcess: null, // Callback(data, dataType) before an Ajax result is passed to dynatree
 
 	// Drag'n'drop support
 	dnd: {
@@ -3194,8 +3231,10 @@ function _initDragAndDrop(tree) {
 				return sourceNode.tree._onDragEvent("helper", sourceNode, null, event, null, null);
 			},
 			start: function(event, ui) {
+				// See issues 211, 268, 278
 //				var sourceNode = $.ui.dynatree.getNode(event.target);
-				// don't return false if sourceNode == null (see issue 268)
+				var sourceNode = ui.helper.data("dtSourceNode");
+				return !!sourceNode; // Abort dragging if no Node could be found
 			},
 			_last: null
 		});
@@ -3269,7 +3308,7 @@ var _registerDnd = function() {
 			if(targetNode){
 				if(!targetNode.tree.options.dnd.onDrop) {
 					// not enabled as drop target
-					noop(); // Keep JSLint happy
+//					noop(); // Keep JSLint happy
 				} else if(targetNode === prevTargetNode) {
 					// Moving over same node
 					targetNode.tree._onDragEvent("over", targetNode, sourceNode, event, ui, draggable);
@@ -3309,4 +3348,4 @@ var _registerDnd = function() {
 };
 
 // ---------------------------------------------------------------------------
-})(jQuery);
+}(jQuery));

data/vendor/assets/stylesheets/dynatree/skin-vista.sass

@@ -35,7 +35,7 @@ ul
       padding: 1px 0 0 0
       &.dynatree-lastsib
         background-image: none
-  &.dynatree-no-connector li
+  &.dynatree-no-connector > li
     background-image: none
 
 /* Suppress lines for last child node
@@ -46,7 +46,7 @@ ul
 
 .ui-dynatree-disabled ul.dynatree-container
   opacity: 0.5
-  /*	filter: alpha(opacity=50); /* Yields a css warning
+  /*  filter: alpha(opacity=50); /* Yields a css warning
   background-color: silver
 
 /*******************************************************************************
@@ -56,27 +56,27 @@ span
   &.dynatree-empty, &.dynatree-vline, &.dynatree-connector, &.dynatree-expander, &.dynatree-icon, &.dynatree-checkbox, &.dynatree-radio, &.dynatree-drag-helper-img
     width: 16px
     height: 16px
-    /*	display: -moz-inline-box; /* @ FF 1+2 removed for issue 221
-    /*	-moz-box-align: start; /* issue 221
+    /*  display: -moz-inline-box; /* @ FF 1+2 removed for issue 221
+    /*  -moz-box-align: start; /* issue 221
     display: inline-block
     /* Required to make a span sizeable
     vertical-align: top
     background-repeat: no-repeat
     background-position: left
-    background-image: image-url("dynatree/vista_icons.gif")
+    background-image: url("icons.gif")
     background-position: 0 0
 
 #dynatree-drop-marker
   width: 16px
   height: 16px
-  /*	display: -moz-inline-box; /* @ FF 1+2 removed for issue 221
-  /*	-moz-box-align: start; /* issue 221
+  /*  display: -moz-inline-box; /* @ FF 1+2 removed for issue 221
+  /*  -moz-box-align: start; /* issue 221
   display: inline-block
   /* Required to make a span sizeable
   vertical-align: top
   background-repeat: no-repeat
   background-position: left
-  background-image: image-url("dynatree/vista_icons.gif")
+  background-image: url("icons.gif")
   background-position: 0 0
 
 /** Used by 'icon' node option:
@@ -115,14 +115,14 @@ span
 /*******************************************************************************
  * Expander icon
  * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
+ *     so we create combined class names that can be used in the CSS.
  *
  * Prefix: dynatree-exp-
  * 1st character: 'e': expanded, 'c': collapsed
  * 2nd character (optional): 'd': lazy (Delayed)
  * 3rd character (optional): 'l': Last sibling
 
-.dynatree-exp-cl span.dynatree-expander, .dynatree-exp-cd span.dynatree-expander, .dynatree-exp-cdl span.dynatree-expander
+.dynatree-exp-cl! span.dynatree-expander, .dynatree-exp-cd! span.dynatree-expander, .dynatree-exp-cdl! span.dynatree-expander
 
 .dynatree-exp-e span.dynatree-expander, .dynatree-exp-ed span.dynatree-expander, .dynatree-exp-el span.dynatree-expander, .dynatree-exp-edl span.dynatree-expander
   background-position: -32px -80px
@@ -132,7 +132,7 @@ span
 
 .dynatree-loading span.dynatree-expander
   background-position: 0 0
-  background-image: image-url("dynatree/vista_loading.gif")
+  background-image: url("loading.gif")
 
 /*******************************************************************************
  * Checkbox icon
@@ -177,7 +177,7 @@ span.dynatree-radio
 /*******************************************************************************
  * Node type icon
  * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
+ *     so we create combined class names that can be used in the CSS.
  *
  * Prefix: dynatree-ico-
  * 1st character: 'e': expanded, 'c': collapsed
@@ -199,10 +199,11 @@ span.dynatree-icon
 /* Status node icons
 
 .dynatree-statusnode-wait span.dynatree-icon
-  background-image: image-url("dynatree/vista_loading.gif")
+  background-image: url("loading.gif")
 
 .dynatree-statusnode-error span.dynatree-icon
   background-position: 0px -112px
+  /*  background-image: url("ltError.gif");
 
 /*******************************************************************************
  * Node titles
@@ -211,8 +212,8 @@ span.dynatree-icon
  * Removed again for issue 165; (133 couldn't be reproduced)
 
 span.dynatree-node
-  /*	display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221
-  /*	-moz-box-align: start; /* issue 221
+  /*  display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221
+  /*  -moz-box-align: start; /* issue 221
   /*  display: inline-block; /* Required to make a span sizeable
 
 /* Remove blue color and underline from title links
@@ -224,13 +225,13 @@ ul.dynatree-container a
   vertical-align: top
   margin: 0px
   margin-left: 3px
-  /*	outline: 0; /* @ Firefox, prevent dotted border after click
+  /*  outline: 0; /* @ Firefox, prevent dotted border after click
   /* Set transparent border to prevent jumping when active node gets a border
    * (we can do this, because this theme doesn't use vertical lines)
   border: 1px solid white
   /* Note: 'transparent' would not work in IE6
   &:hover
-    /*	text-decoration: underline;
+    /*  text-decoration: underline;
     background: #F2F7FD
     /* light blue
     border-color: #B8D6FB
@@ -240,13 +241,13 @@ span
   &.dynatree-node a
     display: inline-block
     /* Better alignment, when title contains <br>
-    /*	vertical-align: top;
+    /*  vertical-align: top;
     padding-left: 3px
     padding-right: 3px
     /* Otherwise italic font will be outside bounds
-    /*	line-height: 16px; /* should be the same as img height, in case 16 px
+    /*  line-height: 16px; /* should be the same as img height, in case 16 px
   &.dynatree-folder a
-    /*	font-weight: bold;
+    /*  font-weight: bold;
     /* custom
 
 ul.dynatree-container a:focus
@@ -258,10 +259,10 @@ span
     background-color: #EFEBDE
     /* gray
   &.dynatree-has-children a
-    /*	font-style: oblique; /* custom:
-  &.dynatree-expanded a
+    /*  font-style: oblique; /* custom:
+  &.dynatree-expanded! a
   &.dynatree-selected a
-    /*	color: green;
+    /*  color: green;
     font-style: italic
   &.dynatree-active a
     border: 1px solid #99DEFD
@@ -287,7 +288,7 @@ span.dynatree-drag-helper-img
 div
   &.dynatree-drag-helper
     /*    border-color: green;
-     *	background-color: red;
+     *  background-color: red;
   &.dynatree-drop-accept span.dynatree-drag-helper-img
     background-position: -32px -112px
   &.dynatree-drag-helper.dynatree-drop-reject
@@ -318,7 +319,7 @@ span
       color: gray
   &.dynatree-drop-target
     /*border: 1px solid gray;
-    a
+    a!
     &.dynatree-drop-accept a
       /*border: 1px solid green;
       background-color: #3169C6 !important
@@ -327,6 +328,6 @@ span
       text-decoration: none
     &.dynatree-drop-reject
       /*border: 1px solid red;
-    &.dynatree-drop-after a
+    &.dynatree-drop-after! a
 
 /*** Target node while dragging cursor is over it ****************************