Hide alt text while species faces are loading

and some nicer typography when it fails!
This commit is contained in:
Emi Matchu 2021-02-02 16:35:54 -08:00
parent adecb4167b
commit 6c84baca03

View file

@ -978,6 +978,17 @@ function SpeciesFaceOption({
opacity: 1; opacity: 1;
filter: saturate(110%); 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> </Box>