From 53b1e27f94750f79182e4a0981cf4ced93b93b15 Mon Sep 17 00:00:00 2001 From: Jb Audras Date: Wed, 7 Jun 2023 07:07:20 +0000 Subject: [PATCH] Administration: Improve alignment in the Activity dashboard widget. This changeset sets column layout to posts listed in the Activity dashboard widget to prevent alignement issues on line breaks. Props sumitsingh, dhrumilk, chiragrathod103, kebbet, audrasjb, pooja1210. Fixes #58114. git-svn-id: https://develop.svn.wordpress.org/trunk@55889 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/dashboard.css | 21 +++++++++++---------- 1 file changed, 11 insertions(+), 10 deletions(-) diff --git a/src/wp-admin/css/dashboard.css b/src/wp-admin/css/dashboard.css index 68ac45f134..60c047923c 100644 --- a/src/wp-admin/css/dashboard.css +++ b/src/wp-admin/css/dashboard.css @@ -889,31 +889,32 @@ body #dashboard-widgets .postbox form .submit { #future-posts ul, #published-posts ul { - clear: both; - margin-bottom: 0; + margin: 8px -12px 0 -12px; } #future-posts li, #published-posts li { - margin-bottom: 8px; + display: grid; + grid-template-columns: clamp(160px, calc(2vw + 140px), 200px) auto; + column-gap: 10px; + color: #646970; + padding: 4px 12px; } -#future-posts ul span, -#published-posts ul span { - display: inline-block; - margin-right: 5px; - min-width: 150px; - color: #646970; +#future-posts li:nth-child(odd), +#published-posts li:nth-child(odd) { + background-color: #f6f7f7; } .activity-block { border-bottom: 1px solid #f0f0f1; - margin: 0 -12px; + margin: 0 -12px 6px -12px; padding: 8px 12px 4px; } .activity-block:last-child { border-bottom: none; + margin-bottom: 0; } .activity-block .subsubsub li {