From d3ff3c589bd36ea68f7d723ffda5c06e474f779e Mon Sep 17 00:00:00 2001
From: Pellaeon Lin <nfsmwlin@gmail.com>
Date: Thu, 29 Oct 2015 21:41:37 +0800
Subject: [PATCH] Add visual cue when moving draggable item over droppable
 item,     ie. breadcrumb and filenameTd

---
 apps/files/css/files.css    | 4 ++++
 apps/files/js/breadcrumb.js | 3 ++-
 core/css/styles.css         | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/files/css/files.css b/apps/files/css/files.css
index 373739071e..9da46aaeed 100644
--- a/apps/files/css/files.css
+++ b/apps/files/css/files.css
@@ -828,3 +828,7 @@ html.ie8 #controls .button.new {
 .app-files .actions .button.new .icon {
 	margin-bottom: 2px;
 }
+
+.canDrop {
+  background-color: rgba(255, 255, 140, 1);
+}
diff --git a/apps/files/js/breadcrumb.js b/apps/files/js/breadcrumb.js
index 58ac9924ef..98de7aa374 100644
--- a/apps/files/js/breadcrumb.js
+++ b/apps/files/js/breadcrumb.js
@@ -133,7 +133,8 @@
 					drop: this.onDrop,
 					over: this.onOver,
 					out: this.onOut,
-					tolerance: 'pointer'
+					tolerance: 'pointer',
+					hoverClass: 'canDrop'
 				});
 			}
 
diff --git a/core/css/styles.css b/core/css/styles.css
index 736ddc6be0..0362b8b030 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -856,7 +856,7 @@ span.ui-icon {float: left; margin: 3px 7px 30px 0;}
 div.crumb {
 	float: left;
 	display: block;
-	background: url('../img/breadcrumb.svg') no-repeat right center;
+	background-image: url('../img/breadcrumb.svg') no-repeat right center;
 	height: 44px;
 	background-size: auto 24px;
 }