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.

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


git-svn-id: http://core.svn.wordpress.org/trunk@40326 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Pascal Birchler 2017-04-14 09:31:43 +00:00
parent 9fb2e79b57
commit 38c4565187
9 changed files with 47 additions and 23 deletions

View File

@ -411,6 +411,11 @@ TABLE OF CONTENTS:
vertical-align: inherit; vertical-align: inherit;
} }
.media-modal-content .media-toolbar-primary .media-button {
margin-top: 10px;
margin-right: 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 {

File diff suppressed because one or more lines are too long

View File

@ -411,6 +411,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 {

File diff suppressed because one or more lines are too long

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: left; float: left;
} }
@ -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: left; float: left;
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,

File diff suppressed because one or more lines are too long

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,

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '4.8-alpha-40424'; $wp_version = '4.8-alpha-40428';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.