DG IZ; dropzones now light up when dragging on aspect page

ebruning · Sep 17, 2010 · 755e2a7 · 755e2a7
1 parent 95a4120
commit 755e2a7
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/public/javascripts/aspect-edit.js b/public/javascripts/aspect-edit.js
@@ -39,6 +39,7 @@ $(function() {
   });
 
   $(".aspect ul").droppable({
+    hoverClass: 'active',
     drop: function(event, ui) {
 
       if ($(ui.draggable[0]).hasClass('requested_person')){
@@ -69,6 +70,7 @@ $(function() {
   });
 
   $(".remove ul").droppable({
+    hoverClass: 'active',
     drop: function(event, ui) {
 
       if ($(ui.draggable[0]).hasClass('requested_person')){

diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
@@ -547,6 +547,10 @@ h1.big_text {
     border: 1px solid #cccccc;
     list-style: none;
     padding: 15px; }
+    .aspect ul.dropzone.active,
+    .requests ul.dropzone.active,
+    .remove ul.dropzone.active {
+      background-color: #fafafa; }
   .aspect .person,
   .aspect .requested_person,
   .requests .person,

diff --git a/public/stylesheets/sass/application.sass b/public/stylesheets/sass/application.sass
@@ -711,6 +711,10 @@ h1.big_text
       :style none
     :padding 15px
 
+    &.active
+      :background
+        :color #fafafa
+
   .person,
   .requested_person
     :display inline-block