Hide alt text while species faces are loading
and some nicer typography when it fails!
This commit is contained in:
parent
adecb4167b
commit
6c84baca03
1 changed files with 11 additions and 0 deletions
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue