Add hover in drag n drop see BT#6760

app/Resources/public/css/base.css

@@ -308,17 +308,21 @@ header{
     text-align:center;
     vertical-align:middle;
 }
+
 #gradebook_list .centered .badge-group {
     width: auto;
 }
+
 #breadcrumb-bar #view_as_link{
   padding-top: 7px;
   margin-right: 10px;
 }
+
 .button-load{
   background: url("../../main/img/icons/64/file_upload.png") no-repeat center 20px;
   padding-top: 70px;
 }
+
 #results .file_upload_highlight {
     background: #F4D364;
 }
@@ -339,6 +343,7 @@ header{
     padding-top: 5px;
     background: none;
 }
+
 .file_upload_small{
     border: 1px solid #AFDDE9;
     background: #D4E6F0;
@@ -346,26 +351,36 @@ header{
     border-radius: 5px;
     padding-bottom: 5px;
 }
+
 .work_correction_file_upload {
     margin-bottom: 5px;
     margin-top: 5px;
 }
+
+.work_correction_file_upload.hover {
+    background: lawngreen;
+}
+
 .file_upload input{
     position: absolute;
 }
+
 #results .jqgrid_whitespace .date-time{
     font-size: 12px;
     color: #666666;
     text-align: center;
 }
+
 .list-work-results{
     margin-top: 20px;
 }
+
 .impress-content{
     position: relative;
     width: 100%;
     height:600px;
 }
+
 .impress-title{
     position: absolute;
     top:40%;

main/work/work.lib.php

@@ -2129,6 +2129,10 @@ function get_work_user_list(
                                 //$('#file_$item_id').remove();
                                 data.context = $('#progress_$item_id').html('$loadingText <br /> <em class=\"fa fa-spinner fa-pulse fa-fw\"></em>');
                                 data.submit();
+                                $(this).removeClass('hover');
+                            },
+                            dragover: function (e, data) {
+                                $(this).addClass('hover');
                             },
                             done: function (e, data) {
                                 if (data._response.result.name) {
@@ -2136,8 +2140,13 @@ function get_work_user_list(
                                 } else {
                                     $('#progress_$item_id').html('$failsUploadText $failsUploadIcon');
                                 }
+                                $(this).removeClass('hover');
                             }
                         });
+                        $('#file_upload_".$item_id."').on('dragleave', function (e) {
+                            // dragleave callback implementation
+                            $(this).removeClass('hover');
+                        });                             
                     });
                     </script>";