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> </CategoryContainer>
))} ))}
</div> </div>
<FaderOpacity <div>
isVisible={xor(selectedRoles, props.member.roles).length !== 0} <FaderOpacity
> isVisible={
<ResetSubmit xor(selectedRoles, props.member.roles).length !== 0
onSubmit={() => props.onSubmit(selectedRoles)} }
onReset={() => { >
updateSelectedRoles(props.member.roles); <ResetSubmit
}} onSubmit={() => props.onSubmit(selectedRoles)}
/> onReset={() => {
</FaderOpacity> updateSelectedRoles(props.member.roles);
}}
/>
</FaderOpacity>
</div>
</> </>
) : ( ) : (
<InfoBox> <InfoBox>