less aggressive flash when color/species loads in
This commit is contained in:
parent
e18aba17c6
commit
7847eddec3
1 changed files with 8 additions and 0 deletions
|
@ -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}
|
||||||
|
|
Loading…
Reference in a new issue