Better styling for the larger image preview in the attachment details modal. Portrait images still have problems in Firefox due to percentage height. props mikeyarce for the initial patch. see #28800, #24716.
Built from https://develop.svn.wordpress.org/trunk@29055 git-svn-id: http://core.svn.wordpress.org/trunk@28843 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
a1be1de583
commit
5853905b35
|
@ -2678,14 +2678,17 @@ video#inline-media-node {
|
|||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin-bottom: 0;
|
||||
padding: 2% 4%;
|
||||
left: 50%;
|
||||
margin-bottom: 0;
|
||||
padding: 2% 4% 0;
|
||||
height: 98%; /* 100% - padding percentage above */
|
||||
}
|
||||
|
||||
.edit-attachment-frame .attachment-info .thumbnail {
|
||||
float: none;
|
||||
max-width: none;
|
||||
max-height: none;
|
||||
max-height: 70%;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.edit-attachment-frame .attachment-info .thumbnail-image img {
|
||||
|
@ -2698,8 +2701,8 @@ video#inline-media-node {
|
|||
}
|
||||
|
||||
.edit-attachment-frame .attachment-info .thumbnail img {
|
||||
max-width: none;
|
||||
max-height: 50%;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
.edit-attachment-frame .attachment-info .details {
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -2678,14 +2678,17 @@ video#inline-media-node {
|
|||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin-bottom: 0;
|
||||
padding: 2% 4%;
|
||||
right: 50%;
|
||||
margin-bottom: 0;
|
||||
padding: 2% 4% 0;
|
||||
height: 98%; /* 100% - padding percentage above */
|
||||
}
|
||||
|
||||
.edit-attachment-frame .attachment-info .thumbnail {
|
||||
float: none;
|
||||
max-width: none;
|
||||
max-height: none;
|
||||
max-height: 70%;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.edit-attachment-frame .attachment-info .thumbnail-image img {
|
||||
|
@ -2698,8 +2701,8 @@ video#inline-media-node {
|
|||
}
|
||||
|
||||
.edit-attachment-frame .attachment-info .thumbnail img {
|
||||
max-width: none;
|
||||
max-height: 50%;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
.edit-attachment-frame .attachment-info .details {
|
||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue