Hide alt text while species faces are loading

and some nicer typography when it fails!
2021-02-02 16:35:54 -08:00 · 2021-02-02 16:35:54 -08:00 · 6c84baca03
commit 6c84baca03
parent adecb4167b
1 changed files with 11 additions and 0 deletions
--- 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>