diff --git a/src/js/_enqueues/wp/dashboard.js b/src/js/_enqueues/wp/dashboard.js index bea3373ae5c97..791d00340b4d9 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('is-highlighted'); setTimeout(function () { - latestPost.css('background', 'none'); + latestPost.removeClass('is-highlighted'); }, 1000); } } ); diff --git a/src/wp-admin/css/dashboard.css b/src/wp-admin/css/dashboard.css index ab73f828f7067..242c4e3fef8cc 100644 --- a/src/wp-admin/css/dashboard.css +++ b/src/wp-admin/css/dashboard.css @@ -849,6 +849,15 @@ body #dashboard-widgets .postbox form .submit { #dashboard_quick_press .drafts li { margin-bottom: 1em; + padding: 0.5em; + margin-left: -0.5em; + margin-right: -0.5em; + transition: background-color 1s ease-out; +} + +#dashboard_quick_press .drafts li.is-highlighted { + background-color: #cceebb; + transition: none; } #dashboard_quick_press .drafts li time { color: #646970;