roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-04-24 19:39:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(RolePicker): wrap Reset/Submit in a div to fix positioning

Browse source 
Signed-off-by: Katalina Okano <git@kat.cafe>
This commit is contained in:
41666 2020-12-19 20:12:50 -05:00
parent c1b9153bf4
commit cc592a9da1
1 changed files with 14 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/design-system/organisms/role-picker/RolePicker.tsx
View file

@ -114,16 +114,20 @@ export const RolePicker = (props: RolePickerProps) => {
</CategoryContainer>
))}
</div>
<FaderOpacity
isVisible={xor(selectedRoles, props.member.roles).length !== 0}
>
<ResetSubmit
onSubmit={() => props.onSubmit(selectedRoles)}
onReset={() => {
updateSelectedRoles(props.member.roles);
}}
/>
</FaderOpacity>
<div>
<FaderOpacity
isVisible={
xor(selectedRoles, props.member.roles).length !== 0
}
>
<ResetSubmit
onSubmit={() => props.onSubmit(selectedRoles)}
onReset={() => {
updateSelectedRoles(props.member.roles);
}}
/>
</FaderOpacity>
</div>
</>
) : (
<InfoBox>