[wp-trac] [WordPress Trac] #60664: Twenty Nineteen: Avatar block size is different in the editor and front

WordPress Trac noreply at wordpress.org
Fri Sep 20 20:55:38 UTC 2024


#60664: Twenty Nineteen: Avatar block size is different in the editor and front
-------------------------------------------------+-------------------------
 Reporter:  poena                                |       Owner:  karmatosed
     Type:  defect (bug)                         |      Status:  closed
 Priority:  normal                               |   Milestone:  6.7
Component:  Bundled Theme                        |     Version:
 Severity:  normal                               |  Resolution:  fixed
 Keywords:  has-testing-info has-patch has-      |     Focuses:
  screenshots commit                             |
-------------------------------------------------+-------------------------

Comment (by sabernhardt):

 I missed that the patch (r58580) increased the size of avatars for the
 author of each comment (in the theme's template) from 49.5 pixels to 60.
 The image itself simply extends 10 pixels into the margin on larger
 screens now, but the author checkbox is positioned based on the earlier
 dimensions.

 I could open another ticket to consider adding the `2.25rem` dimensions in
 the [https://core.trac.wordpress.org/browser/trunk/src/wp-
 content/themes/twentynineteen/sass/site/primary/_comments.scss?rev=58732&marks=206-209#L204
 comments SCSS].


 Comment author's avatar next to individual comment
 - Intrinsic size: 60 by 60 pixels
 - Size before: 49.5 by 49.5 (2.25rem by 2.25rem)
 - Size after: 60 by 60
 - LTR positioning: floating to left with `1rem` right margin on small
 screens, `absolute` positioning `1rem` left of the comment for screens
 768px and wider
 - Additional: an 18px checkbox icon for the author's avatar is positioned
 `2.5rem` from the left of the avatar image and 3 pixels above; at 768px,
 it moves `0.75rem` to the left of the **comment**

 Comment authors' miniature avatar near the heading
 - Intrinsic size: 60 by 60 pixels
 - Size before: 33 by 33 (1.5rem by 1.5rem)
 - Size after: 33 by 33 (1.5rem by 1.5rem)
 - Positioning: each avatar overlaps the previous image by 8 pixels

 Avatar block
 - Intrinsic size: chosen in block settings, default 96 pixels
 - Size before: 49.5 by 49.5 (2.25rem by 2.25rem)
 - Size after: matches block settings

 Author block
 - Intrinsic size: chosen in block settings from 24, 48 (default) or 96
 - Size before: 49.5 by 49.5 (2.25rem by 2.25rem)
 - Size after: matches block settings

 Latest Comments block (from `block-library/style.css`)
 - Intrinsic size: 48 by 48 pixels
 - Size before: 55 by 55 (2.5em by 2.5em)
 - Size after: 55 by 55 (2.5em by 2.5em)
 - LTR positioning: `float: left; margin-right: .75em;`

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/60664#comment:13>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform


More information about the wp-trac mailing list