Fix the appearance of avatars when they do not load (mastodon#31966)

dftba-club · Sep 18, 2024 · 8b70834 · 8b70834
1 parent e3baa1c
commit 8b70834
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
@@ -2032,13 +2032,14 @@ body > [data-popper-placement] {
   display: block;
   position: relative;
   border-radius: var(--avatar-border-radius);
+  background-color: var(--surface-background-color);
 
   img {
-    display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: var(--avatar-border-radius);
+    display: inline-block; // to not show broken images
   }
 
   &-inline {