_avatar.scss in trestle-0.8.8

- old
+ new

@@ -1,7 +1,8 @@
 .avatar {
   display: inline-block;
+  position: relative;
 
   width: 40px;
   height: 40px;
 
   background: #fafafa;
@@ -12,7 +13,29 @@
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 50%;
+
+    position: relative;
+    z-index: 1;
+  }
+
+  .avatar-fallback {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    border-radius: 50%;
+
+    background: #ccc;
+    color: white;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    font-size: 11px;
+    font-weight: 500;
   }
 }