Skip to content

Commit 2920f58

Browse files
author
Claude-Ops
committed
Fix #53: avatar CSS rewrite — larger container, face-centered crop
- Avatar container forced to 2.4rem x 2.4rem (was 1.6rem) - object-position: center 20% to show face, not chin - Blog image styles (border-radius: 8px, margin) explicitly undone on avatar images - More specific selectors targeting md-author--long Build tested locally.
1 parent 9fcb26f commit 2920f58

1 file changed

Lines changed: 18 additions & 3 deletions

File tree

docs/stylesheets/extra.css

Lines changed: 18 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -61,12 +61,27 @@
6161
margin: 1rem 0;
6262
}
6363

64-
/* --- Blog author avatar fix --- */
64+
/* --- Undo blog image styling on avatars --- */
6565
.md-author img {
66+
border-radius: 50% !important;
67+
margin: 0 !important;
68+
}
69+
70+
/* --- Blog author avatar fix --- */
71+
.md-typeset .md-author img,
72+
.md-author--long img {
6673
width: 100% !important;
6774
height: 100% !important;
68-
object-fit: cover;
69-
object-position: center top;
75+
object-fit: cover !important;
76+
object-position: center 20% !important;
77+
border-radius: 50% !important;
78+
}
79+
80+
.md-typeset .md-author,
81+
.md-author--long .md-author {
82+
overflow: hidden !important;
83+
width: 2.4rem !important;
84+
height: 2.4rem !important;
7085
}
7186

7287
/* --- Footer --- */

0 commit comments

Comments
 (0)