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:
parent
7d672c38a4
commit
9d707e16c9
|
@ -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
|
@ -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
Loading…
Reference in New Issue