Ticket #40152: 40152.3.patch

wp-includes/css/buttons.css

@@ -412 +412 @@
         }
 
         /* Reset responsive styles on Log in button on iframed login form */
+        
+        .media-modal-content .media-toolbar-primary .media-button {
+                margin-top: 10px;
+                margin-left: 5px;
+        }
 
         .interim-login .button.button-large {
                 height: 30px;

wp-includes/css/media-views.css

@@ -242 +242 @@
         width: calc(48% - 12px);
 }
 
+/* #40152
 .media-modal-content .attachments-browser .media-toolbar-secondary {
         width: 66%;
 }
@@ -249 +250 @@
 .media-modal-content .media-toolbar-primary.search-form {
         width: 33%;
 }
+*/
 
 .media-modal-content .media-toolbar-primary .media-button {
         float: right;
@@ -279 +281 @@
         overflow: hidden;
 }
 
+/* #40152 */
+.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; /* #40152 : 3px button tab size compensation */
+        }
+}
+
 .media-toolbar-primary {
         float: right;
         height: 100%;
@@ -686 +702 @@
         overflow: auto;
         background: #fff;
         border-top: 1px solid #ddd;
-        border-bottom: 1px solid #ddd;
 }
 
 .media-frame-toolbar {
@@ -696 +711 @@
         bottom: 0;
         height: 60px;
         z-index: 100;
+        /* #40152 */
+        bottom: 60px;
+        height: auto;
 }
 
 .media-frame.hide-menu .media-frame-title,