Upgrade Chakra, remove tooltip flicker workaround
This commit is contained in:
parent
c539471afa
commit
281fdccb89
3 changed files with 460 additions and 441 deletions
|
|
@ -7,7 +7,7 @@
|
||||||
"@apollographql/graphql-playground-html": "^1.6.24",
|
"@apollographql/graphql-playground-html": "^1.6.24",
|
||||||
"@auth0/auth0-react": "^1.0.0",
|
"@auth0/auth0-react": "^1.0.0",
|
||||||
"@chakra-ui/icons": "^1.0.4",
|
"@chakra-ui/icons": "^1.0.4",
|
||||||
"@chakra-ui/react": "^1.2.1",
|
"@chakra-ui/react": "^1.3.3",
|
||||||
"@chakra-ui/theme-tools": "^1.0.3",
|
"@chakra-ui/theme-tools": "^1.0.3",
|
||||||
"@emotion/react": "^11.1.4",
|
"@emotion/react": "^11.1.4",
|
||||||
"@emotion/styled": "^11.0.0",
|
"@emotion/styled": "^11.0.0",
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { ClassNames, Global, css } from "@emotion/react";
|
import { ClassNames } from "@emotion/react";
|
||||||
import {
|
import {
|
||||||
AspectRatio,
|
AspectRatio,
|
||||||
Button,
|
Button,
|
||||||
|
|
@ -1078,15 +1078,6 @@ function SpeciesFacesPicker({
|
||||||
</Box>
|
</Box>
|
||||||
</Flex>
|
</Flex>
|
||||||
)}
|
)}
|
||||||
<Global
|
|
||||||
// Workaround for https://github.com/chakra-ui/chakra-ui/issues/3257,
|
|
||||||
// which causes tooltip hover flicker.
|
|
||||||
styles={css`
|
|
||||||
.chakra-portal [data-popper-placement] {
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
`}
|
|
||||||
/>
|
|
||||||
</Box>
|
</Box>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue