From 5968ed8fd8067c6e9226653cd65c302a4d64e63e Mon Sep 17 00:00:00 2001
From: Chad Little <chad@chadsdomain.com>
Date: Tue, 21 Jan 2014 14:26:05 -0800
Subject: [PATCH] Awesomify dragging stuff on workboards

Summary: Such fun. Many pixels. Professional PM. Much Business.

Test Plan: Move stuff in and around workboards

Reviewers: epriestley, btrahan

Reviewed By: btrahan

CC: Korvin, epriestley, aran

Differential Revision: https://secure.phabricator.com/D8007
---
 resources/celerity/map.php                         | 10 +++++-----
 .../rsrc/css/phui/phui-object-item-list-view.css   |  7 ++++---
 webroot/rsrc/css/phui/phui-workpanel-view.css      | 14 ++++++++++++--
 3 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/resources/celerity/map.php b/resources/celerity/map.php
index d1a1c93dea..b0f0564d4a 100644
--- a/resources/celerity/map.php
+++ b/resources/celerity/map.php
@@ -7,7 +7,7 @@
 return array(
   'names' =>
   array(
-    'core.pkg.css' => '69c32d07',
+    'core.pkg.css' => '2eafddad',
     'core.pkg.js' => 'c907bd96',
     'darkconsole.pkg.js' => 'ca8671ce',
     'differential.pkg.css' => '5a65a762',
@@ -136,7 +136,7 @@ return array(
     'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
     'rsrc/css/phui/phui-list.css' => '2edb76cf',
     'rsrc/css/phui/phui-object-box.css' => '4f916b80',
-    'rsrc/css/phui/phui-object-item-list-view.css' => 'c177f587',
+    'rsrc/css/phui/phui-object-item-list-view.css' => 'eb579d6c',
     'rsrc/css/phui/phui-pinboard-view.css' => '53c5fca0',
     'rsrc/css/phui/phui-property-list-view.css' => 'dbf53b12',
     'rsrc/css/phui/phui-remarkup-preview.css' => '19ad512b',
@@ -145,7 +145,7 @@ return array(
     'rsrc/css/phui/phui-tag-view.css' => '295d81c4',
     'rsrc/css/phui/phui-text.css' => '23e9b4b7',
     'rsrc/css/phui/phui-workboard-view.css' => 'bf70dd2e',
-    'rsrc/css/phui/phui-workpanel-view.css' => 'ffb31e99',
+    'rsrc/css/phui/phui-workpanel-view.css' => '6f8527f6',
     'rsrc/css/sprite-actions.css' => '4557baf8',
     'rsrc/css/sprite-apps-large.css' => 'e37c2ff1',
     'rsrc/css/sprite-apps-xlarge.css' => 'db66c878',
@@ -743,7 +743,7 @@ return array(
     'phui-info-panel-css' => '27ea50a1',
     'phui-list-view-css' => '2edb76cf',
     'phui-object-box-css' => '4f916b80',
-    'phui-object-item-list-view-css' => 'c177f587',
+    'phui-object-item-list-view-css' => 'eb579d6c',
     'phui-pinboard-view-css' => '53c5fca0',
     'phui-property-list-view-css' => 'dbf53b12',
     'phui-remarkup-preview-css' => '19ad512b',
@@ -752,7 +752,7 @@ return array(
     'phui-tag-view-css' => '295d81c4',
     'phui-text-css' => '23e9b4b7',
     'phui-workboard-view-css' => 'bf70dd2e',
-    'phui-workpanel-view-css' => 'ffb31e99',
+    'phui-workpanel-view-css' => '6f8527f6',
     'policy-css' => '957ea14c',
     'policy-edit-css' => '05cca26a',
     'ponder-comment-table-css' => '6cdccea7',
diff --git a/webroot/rsrc/css/phui/phui-object-item-list-view.css b/webroot/rsrc/css/phui/phui-object-item-list-view.css
index ec85acd8b8..16d4b315f1 100644
--- a/webroot/rsrc/css/phui/phui-object-item-list-view.css
+++ b/webroot/rsrc/css/phui/phui-object-item-list-view.css
@@ -537,9 +537,10 @@
 
 .drag-ghost {
   position: relative;
-  border: 1px dashed #aaaaaa;
-  background: #f9f9f9;
-  margin: 4px;
+  border: 1px dashed #fff;
+  background: rgba(255,255,255,.5);
+  margin-bottom: 4px;
+  border-radius: 3px;
 }
 
 .drag-dragging {
diff --git a/webroot/rsrc/css/phui/phui-workpanel-view.css b/webroot/rsrc/css/phui/phui-workpanel-view.css
index 0dd755cdab..160a73213d 100644
--- a/webroot/rsrc/css/phui/phui-workpanel-view.css
+++ b/webroot/rsrc/css/phui/phui-workpanel-view.css
@@ -66,6 +66,16 @@
 }
 
 .project-column-empty {
-  /* TODO: Use this to put some kind of reasonable null state in the columns? */
-  background: {$red};
+  background: rgba(255,255,255,.4);
+  border-radius: 3px;
+  margin-bottom: 4px;
+  border: 1px dashed #fff;
+}
+
+.project-column-empty .drag-ghost {
+  display: none;
+}
+
+.project-column-empty.drag-target-list {
+  background: rgba(255,255,255,.7);
 }