Media modal/grid: get the proper .attachment width in arrow navigation. Props avryl, see #27423.

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


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

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

@@ -1431,7 +1431,6 @@
 /**
  * Spinner
  */
-
 .media-frame .spinner {
 	background: url(../images/spinner.gif) no-repeat;
 	-webkit-background-size: 20px 20px;
@@ -1653,7 +1652,6 @@
 /**
  * Image Editor
  */
-
 .media-modal .imgedit-wrap {
 	position: static;
 }
@@ -2138,9 +2136,6 @@
 	font-family: Arial, sans-serif;
 }
 
-
-
-
 @media only screen and (max-width: 960px) {
 	.media-frame-content .media-toolbar-primary .search,
 	.media-frame-content .media-toolbar-secondary .attachment-filters {

wp-includes/css/media-views.css

@@ -1431,7 +1431,6 @@
 /**
  * Spinner
  */
-
 .media-frame .spinner {
 	background: url(../images/spinner.gif) no-repeat;
 	-webkit-background-size: 20px 20px;
@@ -1653,7 +1652,6 @@
 /**
  * Image Editor
  */
-
 .media-modal .imgedit-wrap {
 	position: static;
 }
@@ -2138,9 +2136,6 @@
 	font-family: Arial, sans-serif;
 }
 
-
-
-
 @media only screen and (max-width: 960px) {
 	.media-frame-content .media-toolbar-primary .search,
 	.media-frame-content .media-toolbar-secondary .attachment-filters {

wp-includes/js/media-views.js

@@ -4798,7 +4798,7 @@
 		arrowEvent: function( event ) {
 			var attachment = $('.attachments-browser .attachment'),
 				attachmentsWidth = $('.attachments-browser .attachments').width(),
-				thumbnailWidth = attachment.first().width(),
+				thumbnailWidth = attachment.first().outerWidth(),
 				thumbnailsPerRow = Math.round( attachmentsWidth / thumbnailWidth ),
 				totalThumnails = attachment.length,
 				totalRows = Math.ceil(totalThumnails/thumbnailsPerRow),