laipeng/reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove blue box around focused items (#10)

Browse Source
This commit is contained in:
Nikhil Rao 2022-11-21 12:17:08 -08:00 committed by GitHub
parent fd464be3a5
commit b49cc9fbb6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
pynecone/.templates/web/pages/_app.js
View File

@ -1,9 +1,18 @@
import { ChakraProvider, extendTheme } from "@chakra-ui/react"; import { ChakraProvider, extendTheme } from "@chakra-ui/react";
import { Global, css } from "@emotion/react";
import theme from "/utils/theme"; import theme from "/utils/theme";
const GlobalStyles = css`
/* Hide the blue border around Chakra components. */
.js-focus-visible :focus:not([data-focus-visible-added]) {
outline: none;
box-shadow: none;
`;
function MyApp({ Component, pageProps }) { function MyApp({ Component, pageProps }) {
return ( return (
<ChakraProvider theme={extendTheme(theme)}> <ChakraProvider theme={extendTheme(theme)}>
<Global styles={GlobalStyles} />
<Component {...pageProps} /> <Component {...pageProps} />
</ChakraProvider> </ChakraProvider>
); );

1
pynecone/base.py
View File

@ -23,6 +23,7 @@ class Base(pydantic.BaseModel):
"""Pydantic config.""" """Pydantic config."""
arbitrary_types_allowed = True arbitrary_types_allowed = True
use_enum_values = True
def json(self) -> str: def json(self) -> str:
"""Convert the object to a json string. """Convert the object to a json string.

1
pynecone/compiler/compiler.py
View File

@ -13,6 +13,7 @@ DEFAULT_IMPORTS: ImportDict = {
"react": {"useEffect", "useState"}, "react": {"useEffect", "useState"},
"next/router": {"useRouter"}, "next/router": {"useRouter"},
f"/{constants.STATE_PATH}": {"updateState", "E"}, f"/{constants.STATE_PATH}": {"updateState", "E"},
"": {"focus-visible/dist/focus-visible"},
} }