Show initals when avatar image is unavailable or not fully loaded

1 files changed, 4 insertions, 1 deletions

diff --git a/dist/spectre.css b/dist/spectre.css
index 18892b9..3a96a4b 100644
--- a/dist/spectre.css
+++ b/dist/spectre.css
@@ -1349,7 +1349,9 @@ textarea.form-input {
 .avatar img {
   border-radius: 50%;
   height: 100%;
+  position: relative;
   width: 100%;
+  z-index: 99;
 }
 .avatar .avatar-icon {
   background: #fff;
@@ -1369,6 +1371,7 @@ textarea.form-input {
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
+  z-index: 0;
 }
 @-webkit-keyframes loading {
   0% {
@@ -2210,4 +2213,4 @@ textarea.form-input {
   position: absolute;
   top: 50%;
   width: 1.6rem;
-}
+}
\ No newline at end of file