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

web component add rtl selector

Browse Source
This commit is contained in:
MrSubhonbek 2023-07-03 09:24:24 +03:00
parent ee22348c5b
commit 802f2083fa
3 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/components/selector/sub-components/Header/StyledHeader.ts
View File

@ -1,4 +1,4 @@
import styled from "styled-components";
import styled, { css } from "styled-components";
import Base from "../../../themes/base";
@ -18,6 +18,13 @@ const StyledHeader = styled.div`
.arrow-button {
cursor: pointer;
margin-right: 12px;
${(props) =>
props.theme.interfaceDirection === "rtl" &&
css`
margin-left: 12px;
margin-right: 0px;
transform: scaleX(-1);
`}
}
.heading-text {

6
packages/components/selector/sub-components/Item/StyledItem.ts
View File

@ -37,6 +37,12 @@ const StyledItem = styled.div<{
line-height: 18px;
margin-left: 8px;
${(props) =>
props.theme.interfaceDirection === "rtl" &&
css`
margin-left: 0;
margin-right: 8px;
`}
}
.checkbox {

8
packages/components/selector/sub-components/SelectAll/StyledSelectAll.ts
View File

@ -1,4 +1,4 @@
import styled from "styled-components";
import styled, { css } from "styled-components";
import { Base } from "../../../themes";
const StyledSelectAll = styled.div`
@ -31,6 +31,12 @@ const StyledSelectAll = styled.div`
line-height: 16px;
margin-left: 8px;
${(props) =>
props.theme.interfaceDirection === "rtl" &&
css`
margin-left: 0;
margin-right: 8px;
`}
}
.checkbox {