web component rlt main button fix right unset

This commit is contained in:
Subhonbek 2023-07-17 15:23:57 +03:00
parent eea48c818a
commit 014cc50e99

View File

@ -67,7 +67,7 @@ const mobileDropDown = css`
props.theme.interfaceDirection === "rtl" &&
css`
left: ${(props) => props.theme.mainButtonMobile.dropDown.mobile.right};
right: 0;
right: unset;
`}
bottom: ${(props) => props.theme.mainButtonMobile.dropDown.mobile.bottom};
@ -89,13 +89,14 @@ const StyledDropDown = styled(DropDown)`
width: ${(props) => props.theme.mainButtonMobile.dropDown.width};
max-width: calc(100vw - 48px);
right: ${(props) => props.theme.mainButtonMobile.dropDown.right};
${(props) =>
props.theme.interfaceDirection === "rtl" &&
css`
left: ${(props) => props.theme.mainButtonMobile.dropDown.right};
right: 0;
`}
props.theme.interfaceDirection === "rtl"
? css`
left: ${(props) => props.theme.mainButtonMobile.dropDown.right};
`
: css`
right: ${(props) => props.theme.mainButtonMobile.dropDown.right};
`}
bottom: ${(props) => props.theme.mainButtonMobile.dropDown.bottom};
z-index: ${(props) => props.theme.mainButtonMobile.dropDown.zIndex};