Media grid:

* Introduce the concept of bulk editing via a separate mode. Like the list view, only bulk deleting is available. The UI is a little funky, especially with the field display toggles there, but refinements will come.
* Up the max thumbnail size from 120px to 150px.
* Slide-down panel for the add new uploader. Known issue: it doesn't close again.
* Remove the toolbar region in the EditAttachment frame.
* Defer a function call so the grid fills available space.
* Give feedback when no results are found. Also needs styling.

props ericlewis. see #24716.

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


git-svn-id: http://core.svn.wordpress.org/trunk@28844 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Helen Hou-Sandí
2014-07-10 03:50:17 +00:00
parent 5853905b35
commit 89dff37759
9 changed files with 240 additions and 99 deletions

View File

@@ -228,7 +228,6 @@
.media-toolbar-secondary > .media-button,
.media-toolbar-secondary > .media-button-group {
margin-right: 10px;
float: left;
margin-top: 15px;
}
@@ -996,6 +995,25 @@
bottom: 0;
overflow: auto;
outline: none;
-webkit-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.attachments-browser .uploader-inline:not(.hidden) + .attachments {
-webkit-transform: translateY( 300px );
-ms-transform: translateY( 300px );
transform: translateY( 300px );
}
.attachments-browser .uploader-inline.hidden {
display: block;
-webkit-transform: translateY( -100% );
-ms-transform: translateY( -100% );
transform: translateY( -100% );
}
.attachments-browser .uploader-inline-content {
top: 0;
}
.inline-toolbar {
@@ -1081,7 +1099,8 @@ video#inline-media-node {
left: 0;
}
.attachments-browser.hide-sidebar .attachments {
.attachments-browser.hide-sidebar .attachments,
.attachments-browser.hide-sidebar .uploader-inline {
right: 0;
margin-right: 0;
}
@@ -2657,6 +2676,11 @@ video#inline-media-node {
left: 0;
}
.edit-attachment-frame .media-frame-content {
border-bottom: none;
bottom: 0;
}
/* Hiding this for the moment instead of removing it from the template. */
.edit-attachment-frame h3 {
display: none;