Verbum Comments: fix gravatar width in nested comments for block them…

…es (#39757) * Only set a max-width to images in the comment content * changelog * Handle non-block theme comments * Fix fallback :not syntax * Update comment Committed via a GitHub action: https://github.com/Automattic/jetpack/actions/runs/11347032431 Upstream-Ref: Automattic/jetpack@922e940
Automattic · Oct 15, 2024 · d74c3d6 · d74c3d6
1 parent 581b4fa
commit d74c3d6
Show file tree

Hide file tree

Showing 8 changed files with 94 additions and 90 deletions.
diff --git a/composer.lock b/composer.lock
diff --git a/vendor/automattic/jetpack-mu-wpcom/CHANGELOG.md b/vendor/automattic/jetpack-mu-wpcom/CHANGELOG.md
@@ -42,6 +42,7 @@ This is an alpha version! The changes listed here are not final.
 - Prevent welcome tour keyboard navigation from hijacking left right keys on the editor
 - profile.php: Make wpcom links more concise
 - Superadmin bar: always point to wp-admin even on Default admin interface style
+- Verbum Comments: fix gravatar width in nested comments
 
 ## [5.64.0] - 2024-09-23
 ### Deprecated

diff --git a/vendor/automattic/jetpack-mu-wpcom/src/build/verbum-comments/verbum-comments.asset.php b/vendor/automattic/jetpack-mu-wpcom/src/build/verbum-comments/verbum-comments.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-polyfill'), 'version' => '08c34240db8ba5e448b2');
+<?php return array('dependencies' => array('wp-polyfill'), 'version' => 'f4b641988445c2b095f4');
diff --git a/vendor/automattic/jetpack-mu-wpcom/src/build/verbum-comments/verbum-comments.css b/vendor/automattic/jetpack-mu-wpcom/src/build/verbum-comments/verbum-comments.css
diff --git a/vendor/automattic/jetpack-mu-wpcom/src/build/verbum-comments/verbum-comments.rtl.css b/vendor/automattic/jetpack-mu-wpcom/src/build/verbum-comments/verbum-comments.rtl.css
diff --git a/vendor/automattic/jetpack-mu-wpcom/src/features/verbum-comments/src/style.scss b/vendor/automattic/jetpack-mu-wpcom/src/features/verbum-comments/src/style.scss
@@ -59,8 +59,11 @@
 
 }
 
-/* This prevents images from overflowing the comment area. */
-.comment img {
+// This prevents images from overflowing the comment area. The :not() selector
+// handles comments in non-block themes, but is too general for block themes,
+// breaking flex layouts.
+.comment img:not(.wp-block-comment-template .comment img),
+.wp-block-comment-content img {
 	max-width: 100%;
 }
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<?php return array('dependencies' => array('wp-polyfill'), 'version' => '08c34240db8ba5e448b2');
		<?php return array('dependencies' => array('wp-polyfill'), 'version' => 'f4b641988445c2b095f4');