admin/twenty
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

2
front/src/modules/ui/layout/right-drawer/components/RightDrawerPage.tsx
View File

@ -3,6 +3,6 @@ import styled from '@emotion/styled';
export const RightDrawerPage = styled.div`
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
width: 100%;
`;

10
front/src/modules/ui/layout/right-drawer/components/RightDrawerTopBar.tsx
View File

@ -3,16 +3,16 @@ import styled from '@emotion/styled';
import { RightDrawerTopBarCloseButton } from './RightDrawerTopBarCloseButton';
const StyledRightDrawerTopBar = styled.div`
align-items: center;
border-bottom: 1px solid ${(props) => props.theme.lightBorder};
color: ${(props) => props.theme.text60};
display: flex;
flex-direction: row;
min-height: 40px;
align-items: center;
font-size: 13px;
justify-content: space-between;
min-height: 40px;
padding-left: 8px;
padding-right: 8px;
font-size: 13px;
color: ${(props) => props.theme.text60};
border-bottom: 1px solid ${(props) => props.theme.lightBorder};
`;
const StyledTopBarTitle = styled.div`

12
front/src/modules/ui/layout/right-drawer/components/RightDrawerTopBarCloseButton.tsx
View File

@ -6,19 +6,19 @@ import { IconPlus } from '@/ui/icons/index';
import { isRightDrawerOpenState } from '../states/isRightDrawerOpenState';
const StyledButton = styled.button`
height: 24px;
width: 24px;
border: 1px solid ${(props) => props.theme.lightBorder};
align-items: center;
background: none;
border: 1px solid ${(props) => props.theme.lightBorder};
border-radius: 4px;
cursor: pointer;
display: flex;
flex-direction: row;
align-items: center;
height: 24px;
padding: 3px;
border-radius: 4px;
transition: ${(props) => props.theme.clickableElementBackgroundTransition};
width: 24px;
&:hover {
background: ${(props) => props.theme.clickableElementBackgroundHover};
}