Media modal: fix reordering of the thumbnails while creating or editing a gallery, props avryl, fixes #29606 for trunk.

Built from https://develop.svn.wordpress.org/trunk@29876


git-svn-id: http://core.svn.wordpress.org/trunk@29633 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-includes/css/media-views-rtl.css

@@ -1426,18 +1426,18 @@
 }
 
 .media-selection .attachment {
-	width: 48px;
+	width: 40px;
 	padding: 0;
-	margin: 0;
+	margin: 4px;
 	-webkit-box-shadow: none;
 	box-shadow: none;
 }
 
 .media-selection .attachment .thumbnail {
-	top: 4px;
-	left: 4px;
-	bottom: 4px;
-	right: 4px;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
 }
 
 .media-selection .attachment .icon {

wp-includes/css/media-views.css

@@ -1426,18 +1426,18 @@
 }
 
 .media-selection .attachment {
-	width: 48px;
+	width: 40px;
 	padding: 0;
-	margin: 0;
+	margin: 4px;
 	-webkit-box-shadow: none;
 	box-shadow: none;
 }
 
 .media-selection .attachment .thumbnail {
-	top: 4px;
-	right: 4px;
-	bottom: 4px;
-	left: 4px;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
 }
 
 .media-selection .attachment .icon {

wp-includes/js/media-views.js

@@ -5503,10 +5503,6 @@
 				// If the `collection` has a `comparator`, disable sorting.
 				disabled: !! collection.comparator,
 
-				// Prevent attachments from being dragged outside the bounding
-				// box of the list.
-				containment: this.$el,
-
 				// Change the position of the attachment as soon as the
 				// mouse pointer overlaps a thumbnail.
 				tolerance: 'pointer',