Merge pull request #1729 from basecamp/avatar-bulletproofing

Add defensive styles for non-square avatar images
2025-11-25 16:56:02 -06:00
parent 64a39b3139 d825447e6b
commit abbf226c3a
1 changed files with 3 additions and 1 deletions
@@ -49,13 +49,15 @@
      }

      .avatar {
-        border-radius: 50%;
+        aspect-ratio: 1;
+        border-radius: 2.5em;
        color: white;
        display: block;
        font-weight: 600;
        height: 2.5em;
        line-height: 2.5em;
        mso-line-height-rule: exactly;
+        object-fit: cover;
        overflow: hidden;
        text-align: center;
        width: 2.5em;