Changeset 44781

Timestamp:

02/28/2019 08:10:53 PM (6 years ago)

Author:

adamsilverstein

Message:

Revisions: improve display responsiveness, especially on smaller screen sizes.

• Fix an overlap issue with the "Restore this Revision" button that made it difficult to use on phone sized devices.

Props ryan, PranaliPatel, karinedo.
Fixes #33830.

File:

• trunk/src/wp-admin/css/revisions.css (modified) (5 diffs)

trunk/src/wp-admin/css/revisions.css

@@ -7 +7 @@
 }
 
+.revisions-diff-frame {
+    top: 10px;
+}
+
 .revisions-controls {
     padding-top: 40px;
-    height: 100px;
     z-index: 1;
 }
@@ -112 +115 @@
     background-color: #fff;
     box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+    overflow: hidden;
 }
 
@@ -295 +299 @@
     margin-left: 6px;
     margin-right: 6px;
-    margin-top: 4px;
+    margin-top: 2px;
 }
 
@@ -566 +570 @@
         margin-top: -1em;
     }
-
+        .revisions-buttons {
+            overflow: hidden;
+            margin-bottom: 15px;
+        }
+
+        .revisions-controls,
+        .comparing-two-revisions .revisions-controls {
+            height: 170px;
+        }
+
+        .revisions-tooltip {
+            bottom: 130px;
+            z-index: 2;
+        }
+
+        .diff-meta {
+            overflow: hidden;
+        }
     table.diff {
         -ms-word-break: break-all;
@@ -572 +593 @@
         word-wrap: break-word;
     }
-}
+        .diff-meta input.restore-revision {
+            margin-top: 0;
+        }
+}