From 8e1d26ff11e600eb93dd1cd3cd01aaf287c100cf Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Fri, 16 Sep 2016 15:55:31 +0800
Subject: Show initals when avatar image is unavailable or not fully loaded

---
 dist/spectre.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

(limited to 'dist/spectre.css')

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
-- 
cgit v1.3.1-23-gd82d