less aggressive flash when color/species loads in

This commit is contained in:
Matt Dunn-Rankin 2020-05-14 15:50:59 -07:00
parent e18aba17c6
commit 7847eddec3

View file

@ -61,6 +61,14 @@ function SpeciesColorPicker({
_hover={{ _hover={{
borderColor: "green.400", borderColor: "green.400",
}} }}
_disabled={{
// Visually the disabled state is the same as the normal state, but
// with a wait cursor. We don't expect this to take long, and the flash
// of content is rough! (The caret still flashes, but that's small and
// harder to style in Chakra.)
opacity: 1,
cursor: "wait",
}}
isInvalid={valids && !pairIsValid(valids, speciesId, colorId)} isInvalid={valids && !pairIsValid(valids, speciesId, colorId)}
errorBorderColor="red.300" errorBorderColor="red.300"
{...props} {...props}