Post List: Fix the layout on mobile when details are open (#40872)

* Page & Post: Fix the layout on mobile when details are open * changelog
Automattic · Jan 9, 2025 · 9a36c92 · 9a36c92
1 parent f169f03
commit 9a36c92
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 0 deletions.
diff --git a/projects/packages/post-list/changelog/fix-edit-page-on-mobile b/projects/packages/post-list/changelog/fix-edit-page-on-mobile
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Page & Post: Fix the layout on mobile when details are open
diff --git a/projects/packages/post-list/src/style.css b/projects/packages/post-list/src/style.css
@@ -45,3 +45,13 @@ th.column-thumbnail + th a {
 th.column-thumbnail.hidden + th a {
 	margin-left:0;
 }
+
+@media screen and (max-width: 782px) {
+	/*
+	 * Keep it as a table-cell.
+	 * See https://github.com/WordPress/wordpress-develop/blob/4a9a928dbcd1c91d3633c8de51614dd90d8ea0ac/src/wp-admin/css/list-tables.css#L1969.
+	 */
+	.wp-list-table .is-expanded td:not(.hidden).column-thumbnail {
+		display: table-cell !important;
+	}
+}
diff --git a/projects/plugins/jetpack/changelog/fix-edit-page-on-mobile b/projects/plugins/jetpack/changelog/fix-edit-page-on-mobile
@@ -0,0 +1,4 @@
+Significance: patch
+Type: bugfix
+
+Page & Post: Fix the layout on mobile when details are open
diff --git a/projects/plugins/social/changelog/fix-edit-page-on-mobile b/projects/plugins/social/changelog/fix-edit-page-on-mobile
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Page & Post: Fix the layout on mobile when details are open
diff --git a/projects/plugins/wpcomsh/changelog/fix-edit-page-on-mobile b/projects/plugins/wpcomsh/changelog/fix-edit-page-on-mobile
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Page & Post: Fix the layout on mobile when details are open