Twenty Nineteen: Fixes avatar block size inconsistency.

The avatar block size was different between front and editor. This was because the width and height were added to the avatar class. Props poena, naeemhaque, sabernhardt, sakibmd. Fixes #60664. git-svn-id: https://develop.svn.wordpress.org/trunk@58580 602fd350-edb4-49c9-b593-d223f7449a82
WordPress · Jun 26, 2024 · c235b8d · c235b8d
1 parent 2516e98
commit c235b8d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/wp-content/themes/twentynineteen/sass/media/_media.scss b/src/wp-content/themes/twentynineteen/sass/media/_media.scss
@@ -20,9 +20,9 @@ object {
 .avatar {
  border-radius: 100%;
  display: block;
- height: calc(2.25 * #{$size__spacing-unit});
+ height: auto;
  min-height: inherit;
- width: calc(2.25 * #{$size__spacing-unit});
+ width: auto;
 }
 
 svg {

diff --git a/src/wp-content/themes/twentynineteen/style-rtl.css b/src/wp-content/themes/twentynineteen/style-rtl.css
@@ -6466,9 +6466,9 @@ object {
 .avatar {
  border-radius: 100%;
  display: block;
- height: calc(2.25 * 1rem);
+ height: auto;
  min-height: inherit;
- width: calc(2.25 * 1rem);
+ width: auto;
 }
 
 svg {

diff --git a/src/wp-content/themes/twentynineteen/style.css b/src/wp-content/themes/twentynineteen/style.css
@@ -6478,9 +6478,9 @@ object {
 .avatar {
  border-radius: 100%;
  display: block;
- height: calc(2.25 * 1rem);
+ height: auto;
  min-height: inherit;
- width: calc(2.25 * 1rem);
+ width: auto;
 }
 
 svg {