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

front add rtl link-with-dropdown

Browse Source
This commit is contained in:
Subhonbek 2023-05-31 16:07:59 +03:00
parent e907744ff0
commit 010498389a
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/components/link-with-dropdown/styled-link-with-dropdown.js
View File

@ -61,6 +61,16 @@ const Caret = styled(ExpanderDownIconWrapper)`
right: ${(props) => props.theme.linkWithDropdown.caret.right}; right: ${(props) => props.theme.linkWithDropdown.caret.right};
top: ${(props) => props.theme.linkWithDropdown.caret.top}; top: ${(props) => props.theme.linkWithDropdown.caret.top};
bottom: ${(props) => props.theme.linkWithDropdown.caret.bottom}; bottom: ${(props) => props.theme.linkWithDropdown.caret.bottom};
${(props) =>
props.theme.interfaceDirection === "rtl" &&
css`
margin-right: ${(props) => props.theme.linkWithDropdown.caret.marginLeft};
margin-left: 0;
left: ${(props) => props.theme.linkWithDropdown.caret.right};
right: 0;
`}
margin: ${(props) => props.theme.linkWithDropdown.caret.margin}; margin: ${(props) => props.theme.linkWithDropdown.caret.margin};
path { path {
@ -90,6 +100,13 @@ const StyledLinkWithDropdown = styled(SimpleLinkWithDropdown)`
padding-right: ${(props) => props.theme.linkWithDropdown.paddingRight}; padding-right: ${(props) => props.theme.linkWithDropdown.paddingRight};
${(props) =>
props.theme.interfaceDirection === "rtl" &&
css`
padding-left: ${(props) => props.theme.linkWithDropdown.paddingRight};
padding-right: 0;
`}
color: ${color}; color: ${color};
${(props) => props.isSemitransparent && `opacity: 0.5`}; ${(props) => props.isSemitransparent && `opacity: 0.5`};