Changeset 24520 for trunk/wp-admin/css/wp-admin.css

Timestamp:

06/26/2013 09:06:50 PM (13 years ago)

Author:

markjaquith

Message:

Cleanup of the revisions screen, both on the PHP API side, and the JS.

• Much simpler PHP API
• Cleaner and more Backbone-y JS API
• Consequently, does batch queries; this now scales up to hundreds of revisions

Currently missing, but much easier considering the cleaned up base:

• Compare two mode
• RTL

props koopersmith, nacin, adamsilverstein, ocean90. see #24425

File:

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

trunk/wp-admin/css/wp-admin.css

@@ -3482 +3482 @@
   11.2 - Post Revisions
 ------------------------------------------------------------------------------*/
+.revisions .spinner {
+    float: none;
+    margin: 100px auto;
+}
+
+.revisions.loading .spinner {
+    display: block;
+}
+
+.revisions-control-frame,
+.revisions-diff-frame {
+    position: relative;
+}
+
+.revisions-controls {
+    height: 60px;
+    padding: 40px 0 20px;
+    border-bottom: 1px solid #dfdfdf;
+    margin-bottom: 10px;
+}
+
+.revisions-meta {
+    margin-top: 15px;
+}
+.revision-toggle-compare-mode {
+    position: absolute;
+    top: 0;
+    right: 0;
+}
+
+.revisions-previous {
+    float: left;
+}
+
+.revisions-next {
+    float: right;
+}
+
+.wp-slider {
+    width: 70%;
+    margin: 6px auto 0;
+}
 
 /* Revision meta box */
@@ -3526 +3568 @@
 #revisions-diff {
     position: relative;
-}
-
-#toggle-revision-compare-mode {
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: 9px 9px 0 0;
 }
 
@@ -3550 +3585 @@
 #revision-interact {
     padding: 20px 0;
-}
-
-#diff-next-revision,
-#diff-previous-revision {
-    margin-top: -.4em; /* Same line as the slider (height: .8em) */
-}
-
-#diff-next-revision {
-    float: right;
-}
-
-#diff-previous-revision {
-    float: left;
-}
-
-#diff-slider {
-    width: 70%;
-    margin: 0 auto;
 }
 
@@ -3589 +3606 @@
 
 #diff-title-to strong {
-    display: none;
+    display: inline;
 }
 
@@ -3606 +3623 @@
     border-radius: 3px;
     padding: 5px 200px 5px 5px;
+    clear: both;
 }