Changeset 55889

Timestamp:

06/07/2023 07:07:20 AM (3 years 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;
+        padding: 4px 12px;
+}
+
+#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;
 }
@@ -915 +915 @@
 .activity-block:last-child {
         border-bottom: none;
+        margin-bottom: 0;
 }