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

2 years ago · 8b70834035
1 changed files with 2 additions and 1 deletions
--- 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 {