diff --git a/src/js/_enqueues/wp/dashboard.js b/src/js/_enqueues/wp/dashboard.js index bea3373ae5c97..78248c6f5b7bb 100644 --- a/src/js/_enqueues/wp/dashboard.js +++ b/src/js/_enqueues/wp/dashboard.js @@ -170,9 +170,9 @@ jQuery( function($) { */ function highlightLatestPost () { var latestPost = $('.drafts ul li').first(); - latestPost.css('background', '#fffbe5'); + latestPost.addClass('highlighted-draft'); setTimeout(function () { - latestPost.css('background', 'none'); + latestPost.removeClass('highlighted-draft'); }, 1000); } } ); diff --git a/src/wp-admin/css/dashboard.css b/src/wp-admin/css/dashboard.css index ab73f828f7067..7f6eed3f74823 100644 --- a/src/wp-admin/css/dashboard.css +++ b/src/wp-admin/css/dashboard.css @@ -850,6 +850,14 @@ body #dashboard-widgets .postbox form .submit { #dashboard_quick_press .drafts li { margin-bottom: 1em; } + +/* Transient highlight applied to a newly added draft. */ +#dashboard_quick_press .drafts li.highlighted-draft { + margin: -6px -12px calc(1em - 6px); + padding: 6px 12px; + background: #ceb; +} + #dashboard_quick_press .drafts li time { color: #646970; }