Changeset 40429

Timestamp:

04/14/2017 09:33:35 AM (7 years ago)

Author:

swissspidy

Message:

Media: Ensure Crop Image is always visible.

Previously, the crop button in the media modal after uploading header images or similar was hidden and the task could not be completed.

Props karinedo, sagarprajapati, Cybr, mayurk.
Fixes #40152.

Merges [40428] to the 4.7 branch.

Location:

branches/4.7

Files:

• . (modified) (1 prop)
• src/wp-includes/css/buttons.css (modified) (1 diff)
• src/wp-includes/css/media-views.css (modified) (4 diffs)

branches/4.7/src/wp-includes/css/buttons.css

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

branches/4.7/src/wp-includes/css/media-views.css

@@ -243 +243 @@
 }
 
-.media-modal-content .attachments-browser .media-toolbar-secondary {
-    width: 66%;
-}
-
-.media-modal-content .media-toolbar-primary.search-form {
-    width: 33%;
-}
-
 .media-modal-content .media-toolbar-primary .media-button {
     float: right;
@@ -278 +270 @@
     border: 0 solid #ddd;
     overflow: hidden;
+}
+
+.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;
+    }
 }
 
@@ -687 +693 @@
     background: #fff;
     border-top: 1px solid #ddd;
-    border-bottom: 1px solid #ddd;
 }
 
@@ -697 +702 @@
     height: 60px;
     z-index: 100;
+    bottom: 60px;
+    height: auto;
 }