IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web component rlt main button fix right unset

Browse Source
This commit is contained in:
Subhonbek 2023-07-17 15:23:57 +03:00
parent eea48c818a
commit 014cc50e99
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/components/main-button-mobile/styled-main-button.js
View File

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