front add rtl link-with-dropdown
This commit is contained in:
parent
e907744ff0
commit
010498389a
@ -61,6 +61,16 @@ const Caret = styled(ExpanderDownIconWrapper)`
|
||||
right: ${(props) => props.theme.linkWithDropdown.caret.right};
|
||||
top: ${(props) => props.theme.linkWithDropdown.caret.top};
|
||||
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};
|
||||
|
||||
path {
|
||||
@ -90,6 +100,13 @@ const StyledLinkWithDropdown = styled(SimpleLinkWithDropdown)`
|
||||
|
||||
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};
|
||||
|
||||
${(props) => props.isSemitransparent && `opacity: 0.5`};
|
||||
|
Loading…
Reference in New Issue
Block a user