Changeset 55889

Timestamp:

06/07/2023 07:07:20 AM (14 months ago)

Author:

audrasjb

Message:

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.

File:

• trunk/src/wp-admin/css/dashboard.css (modified) (2 diffs)

trunk/src/wp-admin/css/dashboard.css

@@ -890 +890 @@
 #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;
-}
-
-#future-posts ul span,
-#published-posts ul span {
-    display: inline-block;
-    margin-right: 5px;
-    min-width: 150px;
+    display: grid;
+    grid-template-columns: clamp(160px, calc(2vw + 140px), 200px) auto;
+    column-gap: 10px;
     color: #646970;
+
+
+
+
+
+
 }
 
 .activity-block {
     border-bottom: 1px solid #f0f0f1;
-    margin: 0 -12px;
+    margin: 0 -12px;
     padding: 8px 12px 4px;
 }
@@ -915 +915 @@
 .activity-block:last-child {
     border-bottom: none;
+
 }