Changeset 63452

Timestamp:

09/03/2026 09:17:39 PM (26 hours ago)

Author:

joedolson

Message:

Administration: Fix plugin update row in narrow viewports.

Update CSS for active plugin updates to account for the changes in list table structure in r62958, which did not account for how plugin updates display notices in mobile viewports. Remove doubled left border and stabilize layout.

Props khokansardar, sukhendu2002, arkaprabhachowdhury, joedolson.
Fixes #65956.

File:

• trunk/src/wp-admin/css/list-tables.css (modified) (3 diffs)

trunk/src/wp-admin/css/list-tables.css

@@ -2341 +2341 @@
         .plugins tr.active + tr.inactive th.check-column,
         .plugins tr.active + tr.inactive td.check-column,
-        .plugins tr.active + tr.inactive td.column-description,
-        .plugins .plugin-update-tr:before {
+        .plugins tr.active + tr.inactive td.column-description {
                 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
         }
@@ -2352 +2351 @@
         }
 
-        /* mimic the checkbox th */
-        .plugins .plugin-update-tr:before {
-                content: "";
-                display: table-cell;
-        }
-
         .plugins #the-list .plugin-update-tr .plugin-update {
+                flex: 0 1 100%;
                 border-left: none;
         }
@@ -2364 +2358 @@
         .plugin-update-tr .update-message {
                 margin-left: 0;
-        }
-
-        .plugins .active.update + .plugin-update-tr:before,
-        .plugins .active.updated + .plugin-update-tr:before {
-                background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
-                border-left: 4px solid var(--wp-admin-theme-color);
         }