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

front add rtl context menu

Browse Source
This commit is contained in:
Subhonbek 2023-06-01 13:28:56 +03:00
parent 23956190da
commit 4bb7860e49
1 changed files with 31 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
packages/components/context-menu/styled-context-menu.js
View File

@ -10,6 +10,12 @@ const styledTabletView = css`
max-height: ${(props) => props.theme.newContextMenu.devices.maxHeight};
left: ${(props) => props.theme.newContextMenu.devices.left};
right: ${(props) => props.theme.newContextMenu.devices.right};
${(props) =>
props.theme.interfaceDirection === "rtl" &&
css`
left: ${(props) => props.theme.newContextMenu.devices.right};
right: ${(props) => props.theme.newContextMenu.devices.left};
`}
bottom: ${(props) => props.theme.newContextMenu.devices.bottom};
margin: ${(props) => props.theme.newContextMenu.devices.margin};
`;
@ -20,6 +26,12 @@ const styledMobileView = css`
max-width: ${(props) => props.theme.newContextMenu.devices.mobileWidth};
max-height: ${(props) => props.theme.newContextMenu.devices.maxHeight};
left: ${(props) => props.theme.newContextMenu.devices.left};
${(props) =>
props.theme.interfaceDirection === "rtl" &&
css`
left: 0;
right: ${(props) => props.theme.newContextMenu.devices.left};
`}
bottom: ${(props) => props.theme.newContextMenu.devices.bottom};
border-radius: ${(props) => props.theme.newContextMenu.mobileBorderRadius};
`;
@ -133,6 +145,12 @@ const StyledContextMenu = styled.div`
min-width: 32px;
box-sizing: border-box;
margin-right: 8px;
${(props) =>
props.theme.interfaceDirection === "rtl" &&
css`
margin-right: 0px;
margin-left: 8px;
`}
}
.text {
@ -277,11 +295,24 @@ const StyledContextMenu = styled.div`
}
margin-right: 8px;
${(props) =>
props.theme.interfaceDirection === "rtl" &&
css`
margin-right: 0px;
margin-left: 8px;
`}
}
.p-submenu-icon {
margin-left: auto;
padding-left: 8px;
${(props) =>
props.theme.interfaceDirection === "rtl" &&
css`
transform: scaleX(-1);
margin-right: auto;
margin-left: 0;
`}
path[fill] {
fill: ${(props) => props.theme.dropDownItem.icon.color};
}