mukeshs/twenty_crm
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Add rule to order css in styled components alphabetically (#284)

Browse Source 
* Add plugin

* Run plugin
This commit is contained in:
Félix Malfait
2023-06-14 07:59:16 +02:00
committed by GitHub
parent 830b76cd9a
commit eb8fc50ff1
72 changed files with 568 additions and 511 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
front/src/modules/ui/components/inputs/AutosizeTextInput.tsx
View File

@ -22,22 +22,22 @@ const StyledContainer = styled.div`
`;
const StyledTextArea = styled(TextareaAutosize)`
width: 100%;
padding: 8px;
font-size: 13px;
font-family: inherit;
font-weight: 400;
line-height: 16px;
background: ${(props) => props.theme.tertiaryBackground};
border: none;
border-radius: 5px;
background: ${(props) => props.theme.tertiaryBackground};
color: ${(props) => props.theme.text80};
font-family: inherit;
font-size: 13px;
font-weight: 400;
line-height: 16px;
overflow: auto;
padding: 8px;
resize: none;
width: 100%;
&:focus {
outline: none;
border: none;
outline: none;
}
&::placeholder {
@ -48,11 +48,11 @@ const StyledTextArea = styled(TextareaAutosize)`
// TODO: this messes with the layout, fix it
const StyledBottomRightIconButton = styled.div`
width: 0px;
position: relative;
top: calc(100% - 26.5px);
right: 26px;
height: 0;
position: relative;
right: 26px;
top: calc(100% - 26.5px);
width: 0px;
`;
export function AutosizeTextInput({

6
front/src/modules/ui/components/inputs/DoubleTextInput.tsx
View File

@ -12,19 +12,19 @@ type OwnProps = {
};
const StyledContainer = styled.div`
align-items: center;
display: flex;
justify-content: space-between;
align-items: center;
& > input:last-child {
padding-left: ${(props) => props.theme.spacing(2)};
border-left: 1px solid ${(props) => props.theme.primaryBorder};
padding-left: ${(props) => props.theme.spacing(2)};
}
`;
const StyledEditInplaceInput = styled.input`
width: 45%;
height: 18px;
width: 45%;
${textInputStyle}
`;