<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[24119] trunk/wp-admin: Revisions UI update:</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://core.trac.wordpress.org/changeset/24119">24119</a></dd>
<dt>Author</dt> <dd>ocean90</dd>
<dt>Date</dt> <dd>2013-04-28 10:56:57 +0000 (Sun, 28 Apr 2013)</dd>
</dl>
<h3>Log Message</h3>
<pre>Revisions UI update:
* Style status loading as a regular update message like on the other screens
* Move compare two checkbox to diff header to avoid an overlap on long post titles
* Restore color shades for the scope of changes visualisation
* Show tooltips while moving the slider handle
* Diff header styling
* Move color declarations to classic/fresh stylesheets
* Sync admin color stylesheets
props jrbeilke for initial patch. see <a href="http://core.trac.wordpress.org/ticket/23935">#23935</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkwpadmincsscolorsclassiccss">trunk/wp-admin/css/colors-classic.css</a></li>
<li><a href="#trunkwpadmincsscolorsfreshcss">trunk/wp-admin/css/colors-fresh.css</a></li>
<li><a href="#trunkwpadmincsswpadmincss">trunk/wp-admin/css/wp-admin.css</a></li>
<li><a href="#trunkwpadminjsrevisionsjs">trunk/wp-admin/js/revisions.js</a></li>
<li><a href="#trunkwpadminrevisionphp">trunk/wp-admin/revision.php</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkwpadmincsscolorsclassiccss"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/css/colors-classic.css (24118 => 24119)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/css/colors-classic.css 2013-04-28 06:36:39 UTC (rev 24118)
+++ trunk/wp-admin/css/colors-classic.css 2013-04-28 10:56:57 UTC (rev 24119)
</span><span class="lines">@@ -164,6 +164,7 @@
</span><span class="cx"> color: #fff;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+#diff-header,
</ins><span class="cx"> .post-format-options,
</span><span class="cx"> .widget .widget-top,
</span><span class="cx"> .postbox h3,
</span><span class="lines">@@ -1477,12 +1478,17 @@
</span><span class="cx"> background-color: #afa;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.diff-header {
- background-color: #f7f7f7;
</del><ins>+#diff-header {
+ border: 1px solid #d1e5ee;
</ins><span class="cx"> }
</span><span class="cx">
</span><ins>+#diff-slider .ui-slider-tooltip {
+ border-color: #d1e5ee;
+ background-color: #fff;
+}
+
</ins><span class="cx"> #diff-title-to strong {
</span><del>- color: #0080aa;
</del><ins>+ color: #08a;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .revision-tick.completed-false {
</span><span class="lines">@@ -1492,10 +1498,30 @@
</span><span class="cx"> background-size: 1px 10px;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.revision-tick.completed-true {
</del><ins>+.revision-tick.completed-false {
+ background-image: none;
+}
+
+.revision-tick.scope-of-changes-vsmall {
</ins><span class="cx"> background-color: #d1e5ee;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+.revision-tick.scope-of-changes-small {
+ background-color: #b4d5e3;
+}
+
+.revision-tick.scope-of-changes-med {
+ background-color: #98c5d9;
+}
+
+.revision-tick.scope-of-changes-large {
+ background-color: #7bb4ce;
+}
+
+.revision-tick.scope-of-changes-vlarge {
+ background-color: #5ea4c4;
+}
+
</ins><span class="cx"> .diff-label {
</span><span class="cx"> color: #666;
</span><span class="cx"> }
</span><span class="lines">@@ -1507,28 +1533,30 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .wp-slider .ui-slider-handle {
</span><del>- border-color: #acd;
- background: #f4f9fc;
- background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f9fc), to(#fff));
- background-image: -webkit-linear-gradient(bottom, #f4f9fc, #fff);
- background-image: -moz-linear-gradient(bottom, #f4f9fc, #fff);
- background-image: -o-linear-gradient(bottom, #f4f9fc, #fff);
- background-image: linear-gradient(to top, #f4f9fc, #fff);
</del><ins>+ color: #333;
+ border-color: none;
</ins><span class="cx"> }
</span><span class="cx">
</span><ins>+.wp-slider .ui-slider-handle.left-handle {
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAABAlBMVEXR2uHM1dzCzNW4ydOzxtSxw9Gqwc+bs7+Ss8SVscaZrLqQq7yNrMCKqr+EqsGDqb6GpruCpbl8pL15o7t1n7hwnLVika1djq5giqJXiqlYiqNJgp9ieYlDfqA/epw3dpk7dpg2dpo3dZo6dZc4dJY4dJg3cZY2bpE1bosxaIYxZIMrYX0tXnwtXHYsWHEnVW0mTmglT2cjTGIhRVsfQlYaN0kYM0QULDgTKTYRJzQTJzINISoLHCYNGyYKGCEIFxwJEhcJEhsHEhQDDAkHCg8EBwwCBwoEBAQBAwIBAQEBAQMAAgEBAAAAAAQAAQMBAAIAAAICAAEBAQAAAQAAAAD///+62qV+AAAAVnRSTlP/////////////////////////////////////////////////////////////////////////////////////////////////////////////////AEpNbNkAAAAJcEhZcwAACusAAArrAYKLDVoAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACbSURBVBiVVcvVDoNQEEXRqbu781B3d/dQQknh/P+vtBQKt/tpsnKGEOW4klkQFFvIsqwYzUJUvCts1wJl9gIruxT5hpLEyMBLKG+Z0ToJgrPLTDqOjyCxNN7mcahiaz50uDWsX0Fk+tKahKGJpX55qp1qpAsCY0lt5MdPUD2KoniowBRXn+f5Xp4RZDfCKg1W0D637P/iznn06w0M+083NZW9ZwAAAABJRU5ErkJggg==);
+}
+
+.wp-slider .ui-slider-handle.ui-state-active.left-handle {
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAAzFBMVEXZ5ejU4eXM3ODG2NzE1tvB1Nq90deux86sxs2qxcynwsqlwcmjwMihvseevMWdvMSbusOXuMGTtb6IrbiHrLeCqbSBqLN/p7J3oa11oKxzn6tvnKhrmaZqmKVpmKVol6RllaJhk6Bej51djptaiZZZiJVYhpNWg5BUf4xSfYlRfIhPeYRMdYBKcXxFaXNDZnA+X2g9XmY8XGU4VV43VFw2U1s0UFgyTVQxS1IwSVAuR00sREosQ0orQkgqQEYpPkQoPkMoPUMoPUL///8pY4MvAAAARHRSTlP/////////////////////////////////////////////////////////////////////////////////////////AHHSjxIAAAAJcEhZcwAACusAAArrAYKLDVoAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACUSURBVBiVVctXEoJQEETRMaIo5qwF5hwxYOY9ev97EiQ43q+pUz2EYk9n5UElU0rpRO016toO79WhxlVysWqkroRgsswSjAsbnasgpGdsMk25gooZvR3K8CQxCuU9jH8FhZ3022rwJTZ4CK9nnwJBbiO8yVpFKDButm1bOn6iLFyZt5igeZLHOrhgfJ8k/yXTVoLrAxo1P5iCdUg7AAAAAElFTkSuQmCC);
+}
+
+.wp-slider .ui-slider-handle {
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAA8FBMVEU2dZipwNBJl8VGmcX///+EpLlBgqpymrNFjru3ydNWiKs6eZzY4uuRrL08faPL3OZBjLSBqsCTssRHlMJEf59cj657o7xKl8OEqsE9gag2dJtEkb+ct8iZs8BHmMePq8BejKZAiK5llK5FjrlJl8c6dZdGl8avxdBJlcZ4nbc6ep6XrbpKgZ+Lqr5KmcdIkbqsws1Gk8E+f6c4dptaiadFirRKl8V8pblImcNIl8eGpruVscZCh7BMlsdIlcFImchEkbs9eJpCjbdGjbk8fJ84dp02dpo8gatMlsM2dps8faVAg61Ej71Ek75IksFIlcOaLCw7AAAAUHRSTlP/////AP///////////////////////////////////////////////////////////////////////////////////////////////////xB6m5UAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACaSURBVBiVVcxZD8FAGIXhjxzUVktQgqKmo7ZYhkgsiS1tQuj//zeomo736uS5OFSo2W6UXc/R5hxXW5foxDlXqUKZx0GFZpXynuM4kXhjgjgyJkGzQIjpvi9Fx1uQ0iQUh4GkR/Ini0CQ2IfQ24YC4X8T+Mn0zj8lO1IgnqZpzlxE0m4YhrFsKYJVn126UGV+W1wHf4LdpByuF0goFKI7tv/dAAAAAElFTkSuQmCC);
+}
+
</ins><span class="cx"> .wp-slider .ui-slider-handle.ui-state-hover,
</span><span class="cx"> .wp-slider .ui-slider-handle.ui-state-focus {
</span><del>- border-color: #79afca;
</del><ins>+ border-color: none;
+ outline: none;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .wp-slider .ui-slider-handle.ui-state-active {
</span><del>- border-color: #79afca;
- background: #eff8ff;
- background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f4f9fc));
- background-image: -webkit-linear-gradient(bottom, #fff, #f4f9fc);
- background-image: -moz-linear-gradient(bottom, #fff, #f4f9fc);
- background-image: -o-linear-gradient(bottom, #fff, #f4f9fc);
- background-image: linear-gradient(to top, #fff, #f4f9fc);
</del><ins>+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAA51BMVEUgZpDkzc0yd6f///8mcqFJm8cjbZZzr80mg78lh8BDk8UngLl+s9AmfKk4hrGeweBaoMhNlMORwt4nd6Zdm8BAjMEnf7RYmsMkb50mhsFWlsYhZ5ImhbwocZg0f61Lk8E9i7twqNBgo8VSmMUofLBcm8o3faUpfK8mh8Aia5MgZpFMmcgpeapDmcJjo8sliMEmh70nhLkkcKAqgLF2sc8sc5ojbZsngrMkh8EnfKw1eaUjbpkkapImeKQgaJAohb0mh8MmhcMng7kkcKEpf68iZ48haJMmhb8kicEmc6MibJkia5UnhLsw1mWvAAAATXRSTlP/AP8A/////////////////////////////////////////////////////////////////////////////////////////////////9/iR18AAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACaSURBVBiVVc15D8FAEIfh+Ymj6761LIrSiCNVVyjbRGgifP/PQ6q22/evyZPJDNXzD6G0qNDq5PtO3DJDFyfRpk+po2Eo0h5Qx9U0LRa3SejdlR2rDMLI41yKh6/AtOSzUiuU4kvemSMUDBsRXGuRIHj/CvCXyTNcSXelQBQYY1uBWMY651xfK4KzbdgzqJI73LK7hGC6r0bTB5apIhqIH/YIAAAAAElFTkSuQmCC);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> /* edit image */
</span></span></pre></div>
<a id="trunkwpadmincsscolorsfreshcss"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/css/colors-fresh.css (24118 => 24119)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/css/colors-fresh.css 2013-04-28 06:36:39 UTC (rev 24118)
+++ trunk/wp-admin/css/colors-fresh.css 2013-04-28 10:56:57 UTC (rev 24119)
</span><span class="lines">@@ -164,6 +164,7 @@
</span><span class="cx"> color: #fff;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+#diff-header,
</ins><span class="cx"> .post-format-options,
</span><span class="cx"> .widget .widget-top,
</span><span class="cx"> .postbox h3,
</span><span class="lines">@@ -1371,8 +1372,17 @@
</span><span class="cx"> background-color: #afa;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+#diff-header {
+ border: 1px solid #dfdfdf;
+}
+
+#diff-slider .ui-slider-tooltip {
+ border-color: #d7d7d7;
+ background-color: #fff;
+}
+
</ins><span class="cx"> #diff-title-to strong {
</span><del>- color: #0080aa;
</del><ins>+ color: #08a;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .diff-header {
</span><span class="lines">@@ -1381,15 +1391,35 @@
</span><span class="cx">
</span><span class="cx"> .revision-tick.completed-false {
</span><span class="cx"> background-color: #99c;
</span><del>- background: url(../images/wpspin_light.gif) no-repeat;
</del><ins>+ background-image: url(../images/wpspin_light.gif) no-repeat;
</ins><span class="cx"> background-position: middle;
</span><span class="cx"> background-size: 1px 10px;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.revision-tick.completed-true {
</del><ins>+.revision-tick.completed-false {
+ background-image: none;
+}
+
+.revision-tick.scope-of-changes-vsmall {
</ins><span class="cx"> background-color: #d7d7d7;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+.revision-tick.scope-of-changes-small {
+ background-color: #c3c3c3;
+}
+
+.revision-tick.scope-of-changes-med {
+ background-color: #b0b0b0;
+}
+
+.revision-tick.scope-of-changes-large {
+ background-color: #9c9c9c;
+}
+
+.revision-tick.scope-of-changes-vlarge {
+ background-color: #898989;
+}
+
</ins><span class="cx"> .diff-label {
</span><span class="cx"> color: #666;
</span><span class="cx"> }
</span><span class="lines">@@ -1407,19 +1437,19 @@
</span><span class="cx">
</span><span class="cx"> .wp-slider .ui-slider-handle {
</span><span class="cx"> border-color: none;
</span><ins>+ color: #333;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .wp-slider .ui-slider-handle.left-handle {
</span><del>-background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAABAlBMVEXR2uHM1dzCzNW4ydOzxtSxw9Gqwc+bs7+Ss8SVscaZrLqQq7yNrMCKqr+EqsGDqb6GpruCpbl8pL15o7t1n7hwnLVika1djq5giqJXiqlYiqNJgp9ieYlDfqA/epw3dpk7dpg2dpo3dZo6dZc4dJY4dJg3cZY2bpE1bosxaIYxZIMrYX0tXnwtXHYsWHEnVW0mTmglT2cjTGIhRVsfQlYaN0kYM0QULDgTKTYRJzQTJzINISoLHCYNGyYKGCEIFxwJEhcJEhsHEhQDDAkHCg8EBwwCBwoEBAQBAwIBAQEBAQMAAgEBAAAAAAQAAQMBAAIAAAICAAEBAQAAAQAAAAD///+62qV+AAAAVnRSTlP/////////////////////////////////////////////////////////////////////////////////////////////////////////////////AEpNbNkAAAAJcEhZcwAACusAAArrAYKLDVoAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACbSURBVBiVVcvVDoNQEEXRqbu781B3d/dQQknh/P+vtBQKt/tpsnKGEOW4klkQFFvIsqwYzUJUvCts1wJl9gIruxT5hpLEyMBLKG+Z0ToJgrPLTDqOjyCxNN7mcahiaz50uDWsX0Fk+tKahKGJpX55qp1qpAsCY0lt5MdPUD2KoniowBRXn+f5Xp4RZDfCKg1W0D637P/iznn06w0M+083NZW9ZwAAAABJRU5ErkJggg==);
</del><ins>+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAABAlBMVEXR2uHM1dzCzNW4ydOzxtSxw9Gqwc+bs7+Ss8SVscaZrLqQq7yNrMCKqr+EqsGDqb6GpruCpbl8pL15o7t1n7hwnLVika1djq5giqJXiqlYiqNJgp9ieYlDfqA/epw3dpk7dpg2dpo3dZo6dZc4dJY4dJg3cZY2bpE1bosxaIYxZIMrYX0tXnwtXHYsWHEnVW0mTmglT2cjTGIhRVsfQlYaN0kYM0QULDgTKTYRJzQTJzINISoLHCYNGyYKGCEIFxwJEhcJEhsHEhQDDAkHCg8EBwwCBwoEBAQBAwIBAQEBAQMAAgEBAAAAAAQAAQMBAAIAAAICAAEBAQAAAQAAAAD///+62qV+AAAAVnRSTlP/////////////////////////////////////////////////////////////////////////////////////////////////////////////////AEpNbNkAAAAJcEhZcwAACusAAArrAYKLDVoAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACbSURBVBiVVcvVDoNQEEXRqbu781B3d/dQQknh/P+vtBQKt/tpsnKGEOW4klkQFFvIsqwYzUJUvCts1wJl9gIruxT5hpLEyMBLKG+Z0ToJgrPLTDqOjyCxNN7mcahiaz50uDWsX0Fk+tKahKGJpX55qp1qpAsCY0lt5MdPUD2KoniowBRXn+f5Xp4RZDfCKg1W0D637P/iznn06w0M+083NZW9ZwAAAABJRU5ErkJggg==);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .wp-slider .ui-slider-handle.ui-state-active.left-handle {
</span><del>-background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAAzFBMVEXZ5ejU4eXM3ODG2NzE1tvB1Nq90deux86sxs2qxcynwsqlwcmjwMihvseevMWdvMSbusOXuMGTtb6IrbiHrLeCqbSBqLN/p7J3oa11oKxzn6tvnKhrmaZqmKVpmKVol6RllaJhk6Bej51djptaiZZZiJVYhpNWg5BUf4xSfYlRfIhPeYRMdYBKcXxFaXNDZnA+X2g9XmY8XGU4VV43VFw2U1s0UFgyTVQxS1IwSVAuR00sREosQ0orQkgqQEYpPkQoPkMoPUMoPUL///8pY4MvAAAARHRSTlP/////////////////////////////////////////////////////////////////////////////////////////AHHSjxIAAAAJcEhZcwAACusAAArrAYKLDVoAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACUSURBVBiVVctXEoJQEETRMaIo5qwF5hwxYOY9ev97EiQ43q+pUz2EYk9n5UElU0rpRO016toO79WhxlVysWqkroRgsswSjAsbnasgpGdsMk25gooZvR3K8CQxCuU9jH8FhZ3022rwJTZ4CK9nnwJBbiO8yVpFKDButm1bOn6iLFyZt5igeZLHOrhgfJ8k/yXTVoLrAxo1P5iCdUg7AAAAAElFTkSuQmCC);
</del><ins>+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAAzFBMVEXZ5ejU4eXM3ODG2NzE1tvB1Nq90deux86sxs2qxcynwsqlwcmjwMihvseevMWdvMSbusOXuMGTtb6IrbiHrLeCqbSBqLN/p7J3oa11oKxzn6tvnKhrmaZqmKVpmKVol6RllaJhk6Bej51djptaiZZZiJVYhpNWg5BUf4xSfYlRfIhPeYRMdYBKcXxFaXNDZnA+X2g9XmY8XGU4VV43VFw2U1s0UFgyTVQxS1IwSVAuR00sREosQ0orQkgqQEYpPkQoPkMoPUMoPUL///8pY4MvAAAARHRSTlP/////////////////////////////////////////////////////////////////////////////////////////AHHSjxIAAAAJcEhZcwAACusAAArrAYKLDVoAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACUSURBVBiVVctXEoJQEETRMaIo5qwF5hwxYOY9ev97EiQ43q+pUz2EYk9n5UElU0rpRO016toO79WhxlVysWqkroRgsswSjAsbnasgpGdsMk25gooZvR3K8CQxCuU9jH8FhZ3022rwJTZ4CK9nnwJBbiO8yVpFKDButm1bOn6iLFyZt5igeZLHOrhgfJ8k/yXTVoLrAxo1P5iCdUg7AAAAAElFTkSuQmCC);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .wp-slider .ui-slider-handle {
</span><del>- /* Slider drag Triangle CSS */
-background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAA8FBMVEU2dZipwNBJl8VGmcX///+EpLlBgqpymrNFjru3ydNWiKs6eZzY4uuRrL08faPL3OZBjLSBqsCTssRHlMJEf59cj657o7xKl8OEqsE9gag2dJtEkb+ct8iZs8BHmMePq8BejKZAiK5llK5FjrlJl8c6dZdGl8avxdBJlcZ4nbc6ep6XrbpKgZ+Lqr5KmcdIkbqsws1Gk8E+f6c4dptaiadFirRKl8V8pblImcNIl8eGpruVscZCh7BMlsdIlcFImchEkbs9eJpCjbdGjbk8fJ84dp02dpo8gatMlsM2dps8faVAg61Ej71Ek75IksFIlcOaLCw7AAAAUHRSTlP/////AP///////////////////////////////////////////////////////////////////////////////////////////////////xB6m5UAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACaSURBVBiVVcxZD8FAGIXhjxzUVktQgqKmo7ZYhkgsiS1tQuj//zeomo736uS5OFSo2W6UXc/R5hxXW5foxDlXqUKZx0GFZpXynuM4kXhjgjgyJkGzQIjpvi9Fx1uQ0iQUh4GkR/Ini0CQ2IfQ24YC4X8T+Mn0zj8lO1IgnqZpzlxE0m4YhrFsKYJVn126UGV+W1wHf4LdpByuF0goFKI7tv/dAAAAAElFTkSuQmCC);
</del><ins>+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAA8FBMVEU2dZipwNBJl8VGmcX///+EpLlBgqpymrNFjru3ydNWiKs6eZzY4uuRrL08faPL3OZBjLSBqsCTssRHlMJEf59cj657o7xKl8OEqsE9gag2dJtEkb+ct8iZs8BHmMePq8BejKZAiK5llK5FjrlJl8c6dZdGl8avxdBJlcZ4nbc6ep6XrbpKgZ+Lqr5KmcdIkbqsws1Gk8E+f6c4dptaiadFirRKl8V8pblImcNIl8eGpruVscZCh7BMlsdIlcFImchEkbs9eJpCjbdGjbk8fJ84dp02dpo8gatMlsM2dps8faVAg61Ej71Ek75IksFIlcOaLCw7AAAAUHRSTlP/////AP///////////////////////////////////////////////////////////////////////////////////////////////////xB6m5UAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACaSURBVBiVVcxZD8FAGIXhjxzUVktQgqKmo7ZYhkgsiS1tQuj//zeomo736uS5OFSo2W6UXc/R5hxXW5foxDlXqUKZx0GFZpXynuM4kXhjgjgyJkGzQIjpvi9Fx1uQ0iQUh4GkR/Ini0CQ2IfQ24YC4X8T+Mn0zj8lO1IgnqZpzlxE0m4YhrFsKYJVn126UGV+W1wHf4LdpByuF0goFKI7tv/dAAAAAElFTkSuQmCC);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .wp-slider .ui-slider-handle.ui-state-hover,
</span></span></pre></div>
<a id="trunkwpadmincsswpadmincss"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/css/wp-admin.css (24118 => 24119)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/css/wp-admin.css 2013-04-28 06:36:39 UTC (rev 24118)
+++ trunk/wp-admin/css/wp-admin.css 2013-04-28 10:56:57 UTC (rev 24119)
</span><span class="lines">@@ -3548,7 +3548,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> table.diff col.diffsplit.middle {
</span><del>- width: 4%;
</del><ins>+ width: auto;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> table.diff col.ltype {
</span><span class="lines">@@ -3571,7 +3571,7 @@
</span><span class="cx"> text-decoration: none;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-#revision-diff-container {
</del><ins>+#revisions-diff {
</ins><span class="cx"> position: relative;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -3579,24 +3579,20 @@
</span><span class="cx"> position: absolute;
</span><span class="cx"> top: 0;
</span><span class="cx"> right: 0;
</span><del>- padding-top: 15px;
</del><ins>+ padding: 9px 9px 0 0;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> #loading-status {
</span><del>- position: absolute;
- top: 0;
- right: 170px;
- line-height: 30px;
</del><span class="cx"> display: none;
</span><del>- margin: 9px 0 0;
</del><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> #loading-status .spinner {
</span><del>- float: left;
</del><ins>+ display: inline-block;
+ float: none;
+ margin: -4px 0;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> #revision-interact {
</span><del>- border-bottom: 1px solid #dfdfdf;
</del><span class="cx"> padding: 20px 0;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -3613,7 +3609,7 @@
</span><span class="cx"> float: left;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-#diff-slider{
</del><ins>+#diff-slider {
</ins><span class="cx"> width: 70%;
</span><span class="cx"> margin: 0 auto;
</span><span class="cx"> }
</span><span class="lines">@@ -3622,6 +3618,19 @@
</span><span class="cx"> width: 95%;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+#diff-slider .ui-slider-tooltip {
+ display: none;
+ position: absolute;
+ bottom: 20px;
+ margin-left: -4em;
+}
+
+#diff-slider .ui-state-active .ui-slider-tooltip,
+#diff-slider .ui-state-focus .ui-slider-tooltip,
+#diff-slider .ui-state-hover .ui-slider-tooltip {
+ display: block;
+}
+
</ins><span class="cx"> #diff-title-to strong {
</span><span class="cx"> display: none;
</span><span class="cx"> }
</span><span class="lines">@@ -3647,6 +3656,11 @@
</span><span class="cx"> font-size: 13px;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+#diff-header {
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+}
+
</ins><span class="cx"> .diff-header {
</span><span class="cx"> height: 35px;
</span><span class="cx"> line-height: 35px;
</span><span class="lines">@@ -3688,8 +3702,6 @@
</span><span class="cx"> .comparing-two-revisions #diff-title-from,
</span><span class="cx"> .left-model-loading #loading-status,
</span><span class="cx"> .right-model-loading #loading-status,
</span><del>-.left-model-loading #loading-status .spinner,
-.right-model-loading #loading-status .spinner,
</del><span class="cx"> .comparing-two-revisions #diff-header-from {
</span><span class="cx"> display: block;
</span><span class="cx"> }
</span><span class="lines">@@ -3705,31 +3717,26 @@
</span><span class="cx">
</span><span class="cx"> .revision-tick.scope-of-changes-vsmall {
</span><span class="cx"> width: 1px;
</span><del>- background-color: #aaa;
</del><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .revision-tick.scope-of-changes-small {
</span><span class="cx"> width: 2px;
</span><del>- background-color: #aaa;
</del><span class="cx"> margin-left: -1px;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .revision-tick.scope-of-changes-med {
</span><span class="cx"> width: 3px;
</span><span class="cx"> margin-left: -2px;
</span><del>- background-color: #666;
</del><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .revision-tick.scope-of-changes-large {
</span><span class="cx"> width: 4px;
</span><span class="cx"> margin-left: -3px;
</span><del>- background-color: #333;
</del><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .revision-tick.scope-of-changes-vlarge {
</span><span class="cx"> margin-left: -3px;
</span><span class="cx"> width: 4px;
</span><del>- background-color: #111;
</del><span class="cx"> left: 1;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -3747,7 +3754,8 @@
</span><span class="cx"> float: none;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.ui-tooltip-content img {
</del><ins>+.ui-tooltip-content img,
+.ui-slider-tooltip img {
</ins><span class="cx"> float: left;
</span><span class="cx"> margin-right: 5px;
</span><span class="cx"> }
</span><span class="lines">@@ -3755,7 +3763,8 @@
</span><span class="cx">
</span><span class="cx"> /* jQuery UI Tooltip 1.10.1 */
</span><span class="cx">
</span><del>-.ui-tooltip {
</del><ins>+.ui-tooltip,
+.ui-slider-tooltip {
</ins><span class="cx"> padding: 8px;
</span><span class="cx"> position: absolute;
</span><span class="cx"> z-index: 9999;
</span><span class="lines">@@ -3763,15 +3772,19 @@
</span><span class="cx"> min-width: 130px;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-body .ui-tooltip {
</del><ins>+body .ui-tooltip,
+body .ui-slider-tooltip {
</ins><span class="cx"> border-width: 1px;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.ui-tooltip, .arrow:after {
</del><ins>+.ui-tooltip,
+.ui-slider-tooltip,
+.arrow:after {
</ins><span class="cx"> border: 1px solid #d7d7d7;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.ui-tooltip {
</del><ins>+.ui-tooltip,
+.ui-slider-tooltip {
</ins><span class="cx"> padding: 5px 10px;
</span><span class="cx"> }
</span><span class="cx">
</span></span></pre></div>
<a id="trunkwpadminjsrevisionsjs"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/js/revisions.js (24118 => 24119)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/js/revisions.js 2013-04-28 06:36:39 UTC (rev 24118)
+++ trunk/wp-admin/js/revisions.js 2013-04-28 10:56:57 UTC (rev 24119)
</span><span class="lines">@@ -397,28 +397,7 @@
</span><span class="cx"> },
</span><span class="cx">
</span><span class="cx"> addTooltip: function( handle, message ) {
</span><del>- handle.attr( 'title', '' ).tooltip({
- track: false,
-
- position: {
- my: "left-30 top-66",
- at: "top left",
- using: function( position, feedback ) {
- $( this ).css( position );
- $( "<div>" )
- .addClass( "arrow" )
- .addClass( feedback.vertical )
- .addClass( feedback.horizontal )
- .appendTo( $( this ) );
- }
- },
- show: false,
- hide: false,
- content: function() {
- return message;
- }
-
- } );
</del><ins>+ handle.find( '.ui-slider-tooltip' ).html( message );
</ins><span class="cx"> },
</span><span class="cx">
</span><span class="cx"> width: function() {
</span><span class="lines">@@ -426,12 +405,16 @@
</span><span class="cx"> },
</span><span class="cx">
</span><span class="cx"> setWidth: function( width ) {
</span><del>- return $( '#diff-slider' ).width( width );
</del><ins>+ $( '#diff-slider' ).width( width );
</ins><span class="cx"> },
</span><span class="cx">
</span><span class="cx"> refresh: function( options, slide ) {
</span><span class="cx"> $( '#diff-slider' ).slider( 'option', options );
</span><span class="cx">
</span><ins>+ // reset all of the slider tooltips during a refresh, but not on prev/next button actions
+ if ( ! slide )
+ $( 'a.ui-slider-handle' ).html( '<span class="ui-slider-tooltip ui-widget-content ui-corner-all"></span>' );
+
</ins><span class="cx"> // Triggers the slide event
</span><span class="cx"> if ( slide )
</span><span class="cx"> $( '#diff-slider' ).trigger( 'slide' );
</span></span></pre></div>
<a id="trunkwpadminrevisionphp"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/revision.php (24118 => 24119)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/revision.php 2013-04-28 06:36:39 UTC (rev 24118)
+++ trunk/wp-admin/revision.php 2013-04-28 10:56:57 UTC (rev 24119)
</span><span class="lines">@@ -99,12 +99,12 @@
</span><span class="cx"> <div class="wrap">
</span><span class="cx"> <?php screen_icon(); ?>
</span><span class="cx"> <div id="revision-diff-container" class="current-version right-model-loading">
</span><ins>+ <h2 class="long-header"><?php echo $h2; ?></h2>
+
</ins><span class="cx"> <div id="loading-status" class="updated message">
</span><del>- <span class="spinner" ></span> <?php _e( 'Calculating revision diffs' ); ?>
</del><ins>+ <p><span class="spinner" ></span> <?php _e( 'Calculating revision diffs' ); ?></p>
</ins><span class="cx"> </div>
</span><span class="cx">
</span><del>- <h2 class="long-header"><?php echo $h2; ?></h2>
-
</del><span class="cx"> <div class="diff-slider-ticks-wrapper">
</span><span class="cx"> <div id="diff-slider-ticks"></div>
</span><span class="cx"> </div>
</span><span class="lines">@@ -123,22 +123,26 @@
</span><span class="cx"> </label>
</span><span class="cx"> </div>
</span><span class="cx">
</span><del>- <div id="diff-header-from" class="diff-header">
- <div id="diff-title-from-current-version" class="diff-title">
- <?php printf( '<strong>%1$s</strong> %2$s.' , __( 'From:' ), __( 'the current version' ) ); ?>
</del><ins>+ <div id="diff-header">
+ <div id="diff-header-from" class="diff-header">
+ <div id="diff-title-from-current-version" class="diff-title">
+ <?php printf( '<strong>%1$s</strong> %2$s.' , __( 'From:' ), __( 'the current version' ) ); ?>
+ </div>
+
+ <div id="diff-title-from" class="diff-title">
+ <strong><?php _e( 'From:' ); ?></strong> {{{ data.titleFrom }}}
+ </div>
</ins><span class="cx"> </div>
</span><span class="cx">
</span><del>- <div id="diff-title-from" class="diff-title">
- <strong><?php _e( 'From:' ); ?></strong> {{{ data.titleFrom }}}
</del><ins>+ <div id="diff-header-to" class="diff-header">
+ <div id="diff-title-to" class="diff-title">
+ <strong><?php _e( 'To:' ); ?></strong> {{{ data.titleTo }}}
+ </div>
+
+ <input type="button" id="restore-revision" class="button button-primary" data-restore-link="{{{ data.restoreLink }}}" value="<?php esc_attr_e( 'Restore This Revision' )?>" />
</ins><span class="cx"> </div>
</span><span class="cx"> </div>
</span><span class="cx">
</span><del>- <div id="diff-header-to" class="diff-header">
- <div id="diff-title-to" class="diff-title">
- <strong><?php _e( 'To:' ); ?></strong> {{{ data.titleTo }}}
- </div>
-
- <input type="button" id="restore-revision" class="button button-primary" data-restore-link="{{{ data.restoreLink }}}" value="<?php esc_attr_e( 'Restore This Revision' )?>" />
</del><span class="cx"> </div>
</span><span class="cx">
</span><span class="cx"> <div id="diff-table">{{{ data.diff }}}</div>
</span></span></pre>
</div>
</div>
</body>
</html>