Avatar fix: width/height 100% + object-fit cover

Nikhil Singhal · Nikhil Singhal · commit aed12adccb92 · 2026-03-18T12:47:58.000Z
Previous fix only set object-fit without constraining dimensions.
Material CSS sets .md-author to 1.6rem with overflow:hidden but
img had no size constraint, causing bottom-half clip.
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -62,8 +62,9 @@
 }
 
 /* --- Blog author avatar fix --- */
-.md-post .md-author img,
-.md-post__meta .md-author img {
+.md-author img {
+  width: 100% !important;
+  height: 100% !important;
   object-fit: cover;
   object-position: center top;
 }

Original file line number	Diff line number	Diff line change
`@@ -62,8 +62,9 @@`
`62`	`62`	`}`
`63`	`63`
`64`	`64`	`/* --- Blog author avatar fix --- */`
`65`		`-.md-post .md-author img,`
`66`		`-.md-post__meta .md-author img {`
	`65`	`+.md-author img {`
	`66`	`+ width: 100% !important;`
	`67`	`+ height: 100% !important;`
`67`	`68`	`object-fit: cover;`
`68`	`69`	`object-position: center top;`
`69`	`70`	`}`