From 6c84baca03b25d6d68da92833aab34361760a13c Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Tue, 2 Feb 2021 16:35:54 -0800
Subject: [PATCH] Hide alt text while species faces are loading

and some nicer typography when it fails!
---
 src/app/ItemPage.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/app/ItemPage.js b/src/app/ItemPage.js
index 40eee24..2006171 100644
--- a/src/app/ItemPage.js
+++ b/src/app/ItemPage.js
@@ -978,6 +978,17 @@ function SpeciesFaceOption({
                     opacity: 1;
                     filter: saturate(110%);
                   }
+
+                  /* Alt text for when the image fails to load! We hide it
+                   * while still loading though! */
+                  font-size: 0.75rem;
+                  text-align: center;
+                  &:-moz-loading {
+                    visibility: hidden;
+                  }
+                  &:-moz-broken {
+                    padding: 0.5rem;
+                  }
                 `}
               />
             </Box>