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

Media: Ensure Crop Image is always visible. 

Previously, the crop button in the media modal after uploading header images or similar was hidden and the task could not be completed.

Props karinedo, sagarprajapati, Cybr, mayurk.
Fixes #40152.

Merges [40428] to the 4.7 branch.


git-svn-id: https://develop.svn.wordpress.org/branches/4.7@40429 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Pascal Birchler 2017-04-14 09:33:35 +00:00
parent 6c2132089e
commit 232293a9f5
2 changed files with 21 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/wp-includes/css/buttons.css
View File

@ -378,6 +378,11 @@ TABLE OF CONTENTS:
vertical-align: inherit; vertical-align: inherit;
} }
.media-modal-content .media-toolbar-primary .media-button {
margin-top: 10px;
margin-left: 5px;
}
/* Reset responsive styles on Log in button on iframed login form */ /* Reset responsive styles on Log in button on iframed login form */
.interim-login .button.button-large { .interim-login .button.button-large {

25
src/wp-includes/css/media-views.css
View File

@ -242,14 +242,6 @@
width: calc(48% - 12px); width: calc(48% - 12px);
} }
.media-modal-content .attachments-browser .media-toolbar-secondary {
width: 66%;
}
.media-modal-content .media-toolbar-primary.search-form {
width: 33%;
}
.media-modal-content .media-toolbar-primary .media-button { .media-modal-content .media-toolbar-primary .media-button {
float: right; float: right;
} }
@ -279,6 +271,20 @@
overflow: hidden; overflow: hidden;
} }
.media-frame-toolbar .media-toolbar {
top: initial;
bottom: -45px;
height: auto;
overflow: initial;
border-top: 1px solid #ddd;
}
@media screen and (max-width: 782px) {
.media-frame-toolbar .media-toolbar {
bottom: -48px;
}
}
.media-toolbar-primary { .media-toolbar-primary {
float: right; float: right;
height: 100%; height: 100%;
@ -686,7 +692,6 @@
overflow: auto; overflow: auto;
background: #fff; background: #fff;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
} }
.media-frame-toolbar { .media-frame-toolbar {
@ -696,6 +701,8 @@
bottom: 0; bottom: 0;
height: 60px; height: 60px;
z-index: 100; z-index: 100;
bottom: 60px;
height: auto;
} }
.media-frame.hide-menu .media-frame-title, .media-frame.hide-menu .media-frame-title,