From c70eb25f4472786c5e28e83b20e3dd188a6558f6 Mon Sep 17 00:00:00 2001 From: Sergey Biryukov Date: Fri, 9 Feb 2024 18:23:05 +0000 Subject: [PATCH] Twenty Nineteen: Add `border-radius` to avatar images in the editor. This ensures that avatars design in the Post Author or Avatar blocks in the editor matches the front end. Props pitamdey, shailu25, poena, sabernhardt, balub, sarath.ar, nicolefurlan, harshgajipara, pooja1210. Fixes #59285. git-svn-id: https://develop.svn.wordpress.org/trunk@57579 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-content/themes/twentynineteen/style-editor.css | 6 ++++++ src/wp-content/themes/twentynineteen/style-editor.scss | 7 +++++++ 2 files changed, 13 insertions(+) diff --git a/src/wp-content/themes/twentynineteen/style-editor.css b/src/wp-content/themes/twentynineteen/style-editor.css index 54487026e2..54575e038b 100644 --- a/src/wp-content/themes/twentynineteen/style-editor.css +++ b/src/wp-content/themes/twentynineteen/style-editor.css @@ -1605,3 +1605,9 @@ ul.wp-block-archives li ul, padding-right: 0; width: 100%; } + +/** === Post Author Block === */ +.avatar, +.wp-block-post-author__avatar img { + border-radius: 100%; +} diff --git a/src/wp-content/themes/twentynineteen/style-editor.scss b/src/wp-content/themes/twentynineteen/style-editor.scss index ce8a2883f8..6bf5507d1b 100644 --- a/src/wp-content/themes/twentynineteen/style-editor.scss +++ b/src/wp-content/themes/twentynineteen/style-editor.scss @@ -1021,3 +1021,10 @@ $group-block-background__padding: $font__size_base; width: 100%; } } + +/** === Post Author Block === */ + +.avatar, +.wp-block-post-author__avatar img { + border-radius: 100%; +}