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.


git-svn-id: https://develop.svn.wordpress.org/trunk@40428 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Pascal Birchler 2017-04-14 09:30:37 +00:00
parent ad73270aa4
commit b5ca4cc9c3
2 changed files with 21 additions and 9 deletions

View File

@ -411,6 +411,11 @@ TABLE OF CONTENTS:
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 */
.interim-login .button.button-large {

View File

@ -242,14 +242,6 @@
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 {
float: right;
}
@ -279,6 +271,20 @@
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 {
float: right;
height: 100%;
@ -686,7 +692,6 @@
overflow: auto;
background: #fff;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.media-frame-toolbar {
@ -696,6 +701,8 @@
bottom: 0;
height: 60px;
z-index: 100;
bottom: 60px;
height: auto;
}
.media-frame.hide-menu .media-frame-title,