sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Media: IE fixes for attachment selections. props lessbloat. see #22446.

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@22876 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Nacin 2012-11-27 19:14:36 +00:00
parent 7f34c3e8ec
commit 3b941ca1b8
1 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
wp-includes/css/media-views.css
View File

@ -476,6 +476,7 @@ a.media-modal-close {
margin: 0 10px 20px; margin: 0 10px 20px;
color: #464646; color: #464646;
list-style: none; list-style: none;
text-align: center;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
@ -507,7 +508,12 @@ a.media-modal-close {
cursor: pointer; cursor: pointer;
} }
.attachment .icon, .attachment .icon {
margin: 0 auto;
overflow: hidden;
padding-top: 20%;
}
.attachment .thumbnail { .attachment .thumbnail {
display: block; display: block;
position: absolute; position: absolute;
@ -519,12 +525,6 @@ a.media-modal-close {
max-height: 100%; max-height: 100%;
} }
/* Vertically center the icons. */
.attachment .icon {
top: 50%;
left: 50%;
}
.attachment-preview .thumbnail:after { .attachment-preview .thumbnail:after {
content: ''; content: '';
display: block; display: block;
@ -555,7 +555,6 @@ a.media-modal-close {
transform: translate( 50%, 50% ); transform: translate( 50%, 50% );
} }
.attachment .icon,
.attachment .thumbnail .centered img { .attachment .thumbnail .centered img {
-webkit-transform: translate( -50%, -50% ); -webkit-transform: translate( -50%, -50% );
-moz-transform: translate( -50%, -50% ); -moz-transform: translate( -50%, -50% );
@ -1024,12 +1023,16 @@ a.media-modal-close {
.media-selection .attachments { .media-selection .attachments {
display: inline-block; display: inline-block;
height: 60px; height: 48px;
margin-top: 5px; margin-top: 5px;
overflow: hidden; overflow: hidden;
vertical-align: top; vertical-align: top;
} }
.media-selection .attachment img {
width: 50%;
}
.attachment.selection.selected { .attachment.selection.selected {
box-shadow: none; box-shadow: none;
} }