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
Automattic · Oct 15, 2024 · 922e940 · 922e940
1 parent 2c6092b
commit 922e940
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/projects/packages/jetpack-mu-wpcom/changelog/fix-verbum-comment-gravatar-width b/projects/packages/jetpack-mu-wpcom/changelog/fix-verbum-comment-gravatar-width
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Verbum Comments: fix gravatar width in nested comments
diff --git a/projects/packages/jetpack-mu-wpcom/src/features/verbum-comments/src/style.scss b/projects/packages/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%;
 }