admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fixed space between filter & sort button is too large (#259)

Browse Source 
Fixed filters CSS
This commit is contained in:
Lucas Bordeau
2023-06-09 11:07:11 +02:00
committed by GitHub
parent ab1f1a3f67
commit 1d6f1f4551
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
front/src/modules/ui/components/table/table-header/DropdownButton.tsx
View File

@ -31,12 +31,15 @@ type StyledDropdownButtonProps = {
const StyledDropdownButton = styled.div<StyledDropdownButtonProps>` const StyledDropdownButton = styled.div<StyledDropdownButtonProps>`
display: flex; display: flex;
margin-left: ${(props) => props.theme.spacing(3)};
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
background: ${(props) => props.theme.primaryBackground}; background: ${(props) => props.theme.primaryBackground};
color: ${(props) => (props.isActive ? props.theme.blue : 'none')}; color: ${(props) => (props.isActive ? props.theme.blue : 'none')};
padding: ${(props) => props.theme.spacing(1)}; padding: ${(props) => props.theme.spacing(1)};
padding-right: ${(props) => props.theme.spacing(2)};
padding-left: ${(props) => props.theme.spacing(2)};
border-radius: 4px; border-radius: 4px;
filter: ${(props) => (props.isUnfolded ? 'brightness(0.95)' : 'none')}; filter: ${(props) => (props.isUnfolded ? 'brightness(0.95)' : 'none')};

4
front/src/modules/ui/components/table/table-header/TableHeader.tsx
View File

@ -38,7 +38,7 @@ const StyledTableHeader = styled.div`
color: ${(props) => props.theme.text60}; color: ${(props) => props.theme.text60};
font-weight: 500; font-weight: 500;
padding-left: ${(props) => props.theme.spacing(3)}; padding-left: ${(props) => props.theme.spacing(3)};
padding-right: ${(props) => props.theme.spacing(1)}; padding-right: ${(props) => props.theme.spacing(2)};
`; `;
const StyledIcon = styled.div` const StyledIcon = styled.div`
@ -57,7 +57,7 @@ const StyledViewSection = styled.div`
const StyledFilters = styled.div` const StyledFilters = styled.div`
display: flex; display: flex;
font-weight: 400; font-weight: 400;
margin-right: ${(props) => props.theme.spacing(2)}; gap: 2px;
`; `;
export function TableHeader<SortField, TData extends FilterableFieldsType>({ export function TableHeader<SortField, TData extends FilterableFieldsType>({