diff --git a/src/utils/tree-renderer.scss b/src/utils/tree-renderer.scss new file mode 100644 index 00000000..a2b8c2c5 --- /dev/null +++ b/src/utils/tree-renderer.scss @@ -0,0 +1,11 @@ +// SPDX-License-Identifier: MIT +// Copyright (c) 2022 The Pybricks Authors + +@import '../variables.scss'; + +// HACK: work around https://github.com/palantir/blueprint/issues/5229 +// TODO: this can be removed when https://github.com/palantir/blueprint/pull/5235 is merged and released + +.#{$ns}-focus-disabled .pb-focus-manager-ignore :focus { + outline: $pt-outline-color auto 2px !important; +} diff --git a/src/utils/tree-renderer.tsx b/src/utils/tree-renderer.tsx index 9f50d56d..22699e74 100644 --- a/src/utils/tree-renderer.tsx +++ b/src/utils/tree-renderer.tsx @@ -6,11 +6,11 @@ // based on https://github.com/lukasbach/react-complex-tree/blob/239fb0c5f49f3c24e307142fb3d7e828440c3f55/packages/blueprintjs-renderers/src/renderers.tsx // Copyright (c) 2021 Lukas Bach +import './tree-renderer.scss'; import { Button, Classes, Colors, - FocusStyleManager, Icon, IconName, InputGroup, @@ -44,9 +44,7 @@ export const renderers: Omit< > = { renderTreeContainer: (props) => (