twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2024-10-04 21:07:21 +03:00
Code Issues Packages Projects Releases Wiki Activity

Changed Filter/sort labels font weight to medium instead of bold. (#4500)

Browse Source 
* changed font weight to 500 for filter/sort labels

* Removed isSort prop and StyledChipProps type
This commit is contained in:
Ravan 2024-03-15 22:06:11 +05:30 committed by GitHub
parent 235e71ca02
commit 680bb11f19
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 3 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/twenty-front/src/modules/views/components/EditableSortChip.tsx
View File

@ -27,7 +27,6 @@ export const EditableSortChip = ({ viewSort }: EditableSortChipProps) => {
testId={viewSort.fieldMetadataId}
labelValue={viewSort.definition.label}
Icon={viewSort.direction === 'desc' ? IconArrowDown : IconArrowUp}
isSort
onRemove={handleRemoveClick}
onClick={handleClick}
/>

12
packages/twenty-front/src/modules/views/components/SortOrFilterChip.tsx
View File

@ -4,11 +4,7 @@ import styled from '@emotion/styled';
import { IconX } from '@/ui/display/icon/index';
import { IconComponent } from '@/ui/display/icon/types/IconComponent';
type StyledChipProps = {
isSort?: boolean;
};
const StyledChip = styled.div<StyledChipProps>`
const StyledChip = styled.div`
align-items: center;
background-color: ${({ theme }) => theme.accent.quaternary};
border: 1px solid ${({ theme }) => theme.accent.tertiary};
@ -19,7 +15,7 @@ const StyledChip = styled.div<StyledChipProps>`
flex-direction: row;
flex-shrink: 0;
font-size: ${({ theme }) => theme.font.size.sm};
font-weight: ${({ isSort }) => (isSort ? 'bold' : 'normal')};
font-weight: ${({ theme }) => theme.font.weight.medium};
padding: ${({ theme }) => theme.spacing(1) + ' ' + theme.spacing(2)};
user-select: none;
`;
@ -54,7 +50,6 @@ type SortOrFilterChipProps = {
Icon?: IconComponent;
onRemove: () => void;
onClick?: () => void;
isSort?: boolean;
testId?: string;
};
@ -63,7 +58,6 @@ export const SortOrFilterChip = ({
labelValue,
Icon,
onRemove,
isSort,
testId,
onClick,
}: SortOrFilterChipProps) => {
@ -75,7 +69,7 @@ export const SortOrFilterChip = ({
};
return (
<StyledChip isSort={isSort} onClick={onClick}>
<StyledChip onClick={onClick}>
{Icon && (
<StyledIcon>
<Icon size={theme.icon.size.sm} />