diff options
| author | LASER-Yi <[email protected]> | 2022-09-27 03:21:59 +0800 |
|---|---|---|
| committer | LASER-Yi <[email protected]> | 2022-09-27 03:21:59 +0800 |
| commit | 56fb27aab47f1551914390f319ca74c81b728e84 (patch) | |
| tree | 398b51eabf0c20afe7a627eb0717e3a57650f422 | |
| parent | bb8e4f31ee89291081dea646c918f02d595cfb66 (diff) | |
| download | bazarr-56fb27aab47f1551914390f319ca74c81b728e84.tar.gz bazarr-56fb27aab47f1551914390f319ca74c81b728e84.zip | |
Fix display issue of the popover in the manual search modal
| -rw-r--r-- | frontend/src/components/modals/ManualSearchModal.tsx | 46 |
1 files changed, 24 insertions, 22 deletions
diff --git a/frontend/src/components/modals/ManualSearchModal.tsx b/frontend/src/components/modals/ManualSearchModal.tsx index 174462697..45c2c0ceb 100644 --- a/frontend/src/components/modals/ManualSearchModal.tsx +++ b/frontend/src/components/modals/ManualSearchModal.tsx @@ -245,28 +245,30 @@ const StateIcon: FunctionComponent<{ matches: string[]; dont: string[] }> = ({ ></FontAwesomeIcon> </Text> </Popover.Target> - <Group align="flex-start" spacing="xl"> - <Stack align="flex-start" spacing="xs"> - <Text color="green"> - <FontAwesomeIcon icon={faCheck}></FontAwesomeIcon> - </Text> - <List> - {matches.map((v, idx) => ( - <List.Item key={BuildKey(idx, v, "match")}>{v}</List.Item> - ))} - </List> - </Stack> - <Stack align="flex-start" spacing="xs"> - <Text color="yellow"> - <FontAwesomeIcon icon={faTimes}></FontAwesomeIcon> - </Text> - <List> - {dont.map((v, idx) => ( - <List.Item key={BuildKey(idx, v, "miss")}>{v}</List.Item> - ))} - </List> - </Stack> - </Group> + <Popover.Dropdown> + <Group align="flex-start" spacing="xl"> + <Stack align="flex-start" spacing="xs"> + <Text color="green"> + <FontAwesomeIcon icon={faCheck}></FontAwesomeIcon> + </Text> + <List> + {matches.map((v, idx) => ( + <List.Item key={BuildKey(idx, v, "match")}>{v}</List.Item> + ))} + </List> + </Stack> + <Stack align="flex-start" spacing="xs"> + <Text color="yellow"> + <FontAwesomeIcon icon={faTimes}></FontAwesomeIcon> + </Text> + <List> + {dont.map((v, idx) => ( + <List.Item key={BuildKey(idx, v, "miss")}>{v}</List.Item> + ))} + </List> + </Stack> + </Group> + </Popover.Dropdown> </Popover> ); }; |