Media modal/grid: fix the position of attachment icons, restore the background, fix in ie8. See #27423.

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


git-svn-id: http://core.svn.wordpress.org/trunk@29171 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrew Ozz 2014-08-06 06:29:16 +00:00
parent 7d672c38a4
commit 9d707e16c9
4 changed files with 40 additions and 10 deletions

View File

@ -747,6 +747,14 @@
.attachment-preview { .attachment-preview {
position: relative; position: relative;
-webkit-box-shadow:
inset 0 0 15px rgba( 0, 0, 0, 0.1 ),
inset 0 0 0 1px rgba( 0, 0, 0, 0.05 );
box-shadow:
inset 0 0 15px rgba( 0, 0, 0, 0.1 ),
inset 0 0 0 1px rgba( 0, 0, 0, 0.05 );
background: #eee;
cursor: pointer;
} }
.attachment-preview:before { .attachment-preview:before {
@ -814,6 +822,17 @@
transform: translate( -50%, -50% ); transform: translate( -50%, -50% );
} }
.attachment .thumbnail .centered img.icon {
-webkit-transform: translate( -50%, -70% );
-ms-transform: translate(-50%,-70%);
transform: translate( -50%, -70% );
}
.ie8 .attachment img.icon {
top: 20%;
position: relative;
}
.attachment .filename { .attachment .filename {
position: absolute; position: absolute;
right: 0; right: 0;
@ -2206,10 +2225,6 @@
padding: 3px 6px; padding: 3px 6px;
} }
.media-frame-content .attachment .icon {
top: 40%;
}
.image-details .media-modal { .image-details .media-modal {
right: 30px; right: 30px;
left: 30px; left: 30px;

File diff suppressed because one or more lines are too long

View File

@ -747,6 +747,14 @@
.attachment-preview { .attachment-preview {
position: relative; position: relative;
-webkit-box-shadow:
inset 0 0 15px rgba( 0, 0, 0, 0.1 ),
inset 0 0 0 1px rgba( 0, 0, 0, 0.05 );
box-shadow:
inset 0 0 15px rgba( 0, 0, 0, 0.1 ),
inset 0 0 0 1px rgba( 0, 0, 0, 0.05 );
background: #eee;
cursor: pointer;
} }
.attachment-preview:before { .attachment-preview:before {
@ -814,6 +822,17 @@
transform: translate( -50%, -50% ); transform: translate( -50%, -50% );
} }
.attachment .thumbnail .centered img.icon {
-webkit-transform: translate( -50%, -70% );
-ms-transform: translate(-50%,-70%);
transform: translate( -50%, -70% );
}
.ie8 .attachment img.icon {
top: 20%;
position: relative;
}
.attachment .filename { .attachment .filename {
position: absolute; position: absolute;
left: 0; left: 0;
@ -2206,10 +2225,6 @@
padding: 3px 6px; padding: 3px 6px;
} }
.media-frame-content .attachment .icon {
top: 40%;
}
.image-details .media-modal { .image-details .media-modal {
left: 30px; left: 30px;
right: 30px; right: 30px;

File diff suppressed because one or more lines are too long