Enhance sortable drag frame styling fixes #1581

css/fileinput.css

@@ -534,6 +534,10 @@
     cursor: pointer;
 }
 
+.file-sortable .file-drag-handle:hover {
+    opacity: 0.7;
+}
+
 .file-sortable .file-drag-handle {
     cursor: grab;
     opacity: 1;
@@ -547,10 +551,8 @@
     cursor: grabbing !important;
 }
 
-.file-sortable .file-drag-handle:hover {
-    opacity: 0.7;
-}
-
-.file-preview-initial.sortable-chosen {
+.file-preview-frame.sortable-chosen {
     background-color: #d9edf7;
+    border-color: #17a2b8;
+    box-shadow: none !important;
 }

scss/fileinput.scss

@@ -21,6 +21,7 @@ $celeste: #ccc !default;
 $green: #008000 !default;
 $mine-shaft: #333 !default;
 $boston-blue: #428bca !default;
+$pelorous: #17a2b8 !default;
 $tapa: #777 !default;
 $black: #000 !default;
 $black-20: rgba(0, 0, 0, 0.2) !default;
@@ -652,4 +653,6 @@ input[type=file].file-loading {
 }
 .file-preview-initial.sortable-chosen {
     background-color: $link-water;
+    border-color: $pelorous;
+    box-shadow: none;
 }