diff --git a/src/app/SpeciesColorPicker.js b/src/app/SpeciesColorPicker.js index 8a8d84c..d174ede 100644 --- a/src/app/SpeciesColorPicker.js +++ b/src/app/SpeciesColorPicker.js @@ -61,6 +61,14 @@ function SpeciesColorPicker({ _hover={{ 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)} errorBorderColor="red.300" {...props}