diff --git a/ui/v2.5/src/components/Performers/EditPerformersDialog.tsx b/ui/v2.5/src/components/Performers/EditPerformersDialog.tsx index 8eaf784d7a0..2df34bbd8a3 100644 --- a/ui/v2.5/src/components/Performers/EditPerformersDialog.tsx +++ b/ui/v2.5/src/components/Performers/EditPerformersDialog.tsx @@ -26,6 +26,7 @@ import { IndeterminateCheckbox } from "../Shared/IndeterminateCheckbox"; import { BulkUpdateTextInput } from "../Shared/BulkUpdateTextInput"; import { faPencilAlt } from "@fortawesome/free-solid-svg-icons"; import * as FormUtils from "src/utils/form"; +import { CountrySelect } from "../Shared/CountrySelect"; interface IListOperationProps { selected: GQL.SlimPerformerDataFragment[]; @@ -222,6 +223,7 @@ export const EditPerformersDialog: React.FC = ( function render() { return ( = ( {renderTextField("death_date", updateInput.death_date, (v) => setUpdateField({ death_date: v }) )} - {renderTextField("country", updateInput.country, (v) => - setUpdateField({ country: v }) - )} + + + + + + setUpdateField({ country: v })} + showFlag + /> + + {renderTextField("ethnicity", updateInput.ethnicity, (v) => setUpdateField({ ethnicity: v }) )} diff --git a/ui/v2.5/src/components/Performers/styles.scss b/ui/v2.5/src/components/Performers/styles.scss index bee52636ada..ee81339a661 100644 --- a/ui/v2.5/src/components/Performers/styles.scss +++ b/ui/v2.5/src/components/Performers/styles.scss @@ -236,3 +236,9 @@ max-width: 50px; } } + +.edit-performers-dialog .modal-body { + max-height: calc(100vh - 12rem); + overflow-y: auto; + padding-right: 1.5rem; +}