From 3b941ca1b874f04426003d2b23a5237dda45a4f3 Mon Sep 17 00:00:00 2001 From: Andrew Nacin Date: Tue, 27 Nov 2012 19:14:36 +0000 Subject: [PATCH] Media: IE fixes for attachment selections. props lessbloat. see #22446. git-svn-id: https://develop.svn.wordpress.org/trunk@22876 602fd350-edb4-49c9-b593-d223f7449a82 --- wp-includes/css/media-views.css | 21 ++++++++++++--------- 1 file changed, 12 insertions(+), 9 deletions(-) diff --git a/wp-includes/css/media-views.css b/wp-includes/css/media-views.css index 47eb8329a9..56ef342448 100644 --- a/wp-includes/css/media-views.css +++ b/wp-includes/css/media-views.css @@ -476,6 +476,7 @@ a.media-modal-close { margin: 0 10px 20px; color: #464646; list-style: none; + text-align: center; -webkit-user-select: none; -moz-user-select: none; @@ -507,7 +508,12 @@ a.media-modal-close { cursor: pointer; } -.attachment .icon, +.attachment .icon { + margin: 0 auto; + overflow: hidden; + padding-top: 20%; +} + .attachment .thumbnail { display: block; position: absolute; @@ -519,12 +525,6 @@ a.media-modal-close { max-height: 100%; } -/* Vertically center the icons. */ -.attachment .icon { - top: 50%; - left: 50%; -} - .attachment-preview .thumbnail:after { content: ''; display: block; @@ -555,7 +555,6 @@ a.media-modal-close { transform: translate( 50%, 50% ); } -.attachment .icon, .attachment .thumbnail .centered img { -webkit-transform: translate( -50%, -50% ); -moz-transform: translate( -50%, -50% ); @@ -1024,12 +1023,16 @@ a.media-modal-close { .media-selection .attachments { display: inline-block; - height: 60px; + height: 48px; margin-top: 5px; overflow: hidden; vertical-align: top; } +.media-selection .attachment img { + width: 50%; +} + .attachment.selection.selected { box-shadow: none; }