Changeset 29517

Timestamp:

08/17/2014 02:02:16 PM (12 years ago)

Author:

ocean90

Message:

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

see #28842.

Location:

trunk/src/wp-includes

Files:

• css/media-views.css (modified) (1 diff)
• js/media-grid.js (modified) (1 diff)

trunk/src/wp-includes/css/media-views.css

@@ -2601 +2601 @@
 .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"] {

trunk/src/wp-includes/js/media-grid.js

@@ -68 +68 @@
                         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 ) );