Add background color for the drag image (#14292)

* Add background color for the drag image * Change styles of the drag Image
adobe · May 3, 2018 · 5671a28 · 5671a28
1 parent ac6b9df
commit 5671a28
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/project/FileTreeView.js b/src/project/FileTreeView.js
@@ -297,9 +297,8 @@ define(function (require, exports, module) {
 
         setDragImage: function(e) {
             var div = window.document.createElement('div');
-            div.style.position = 'absolute';
-            div.style.color = '#fff';
             div.textContent = this.props.name;
+            div.classList.add('jstree-dragImage');
             window.document.body.appendChild(div);
             e.dataTransfer.setDragImage(div, -10, -10);
             setTimeout(function() {

diff --git a/src/styles/jsTreeTheme.less b/src/styles/jsTreeTheme.less
@@ -55,6 +55,13 @@ li.jstree-closed > ul { display:none; }
     background-color: @bc-sidebar-selection !important;
 }
 
+.jstree-dragImage {
+    position: absolute;
+    background-color: #66676B;
+    padding: 4px 8px 3px 8px;
+    color: #fff;
+}
+
 @jstree-icon-backindent: 12px;
 
 /* Make the links in the JS tree the width of the container