Media Grid: Improve position of fixed toolbar at small-screen sizes.

see #28842.

git-svn-id: https://develop.svn.wordpress.org/trunk@29517 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Dominik Schilling (ocean90)
2014-08-17 14:02:16 +00:00
parent 6dfb2d6ec5
commit a1aa297d82
2 changed files with 17 additions and 2 deletions

View File

@@ -2600,11 +2600,26 @@
.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
position: fixed;
top: 12px;
top: 32px;
left: auto;
right: 20px;
margin-top: 0;
}
@media only screen and ( max-width: 782px ) {
.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
top: 46px;
right: 10px;
}
}
@media only screen and (max-width: 600px) {
.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
top: 0;
}
}
.media-frame.mode-grid input[type="search"] {
margin: 1px;
padding: 3px 5px;

View File

@@ -67,7 +67,7 @@
this.$window = $( window );
this.$adminBar = $( '#wpadminbar' );
this.$window.on( 'scroll', _.debounce( _.bind( this.fixPosition, this ), 15 ) );
this.$window.on( 'scroll resize', _.debounce( _.bind( this.fixPosition, this ), 15 ) );
$( document ).on( 'click', '.add-new-h2', _.bind( this.addNewClickHandler, this ) );
// Ensure core and media grid view UI is enabled.