Changeset 29517

Timestamp:

08/17/2014 02:02:16 PM (10 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 ) );