8000 Fix DOM nesting issue (#715) · nsavas2000/python-editor-v3@b0af86a · GitHub
[go: up one dir, main page]

Skip to content

Commit b0af86a

Browse files
Fix DOM nesting issue (microbit-foundation#715)
1 parent c3d8ecf commit b0af86a

File tree

1 file changed

+6
-8
lines changed

1 file changed

+6
-8
lines changed

src/serial/SerialIndicators.tsx

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
*
44
* SPDX-License-Identifier: MIT
55
*/
6-
import { BoxProps, Flex, HStack, Icon, Text } from "@chakra-ui/react";
6+
import { BoxProps, HStack, Icon, Text } from "@chakra-ui/react";
77
import { GoCheck } from "react-icons/go";
88
import {
99
RiErrorWarningLine,
@@ -54,13 +54,11 @@ const SerialIndicators = ({
5454
)}
5555
{(!traceback ||
5656
(traceback && syncStatus === SyncStatus.OUT_OF_SYNC)) && (
57-
<Text color="white">
58-
<Flex align="center">
59-
<FormattedMessage id={syncMessage?.message} />
60-
{syncMessage?.icon && (
61-
<Icon ml={1} as={syncMessage?.icon} fill="white" boxSize={5} />
62-
)}
63-
</Flex>
57+
<Text color="white" display="inline-flex" alignItems="center">
58+
<FormattedMessage id={syncMessage?.message} />
59+
{syncMessage?.icon && (
60+
<Icon ml={1} as={syncMessage?.icon} fill="white" boxSize={5} />
61+
)}
6462
</Text>
6563
)}
6664
</HStack>

0 commit comments

Comments
 (0)
0