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

New behavior for editable fields (#1300)

Browse Source 
* New behavior for editable fields

* fix

* fix

* fix coverage

* Add tests on NotFound

* fix

* fix

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Weiko
2023-08-24 15:56:43 +02:00
committed by GitHub
parent bf05e5917d
commit 10b68618d3
17 changed files with 134 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
front/src/modules/ui/editable-field/components/EditableFieldEditButton.tsx
View File

@ -1,30 +1,8 @@
import styled from '@emotion/styled';
import { IconButton } from '@/ui/button/components/IconButton';
import { IconPencil } from '@/ui/icon';
import { overlayBackground } from '@/ui/theme/constants/effects';
import { useEditableField } from '../hooks/useEditableField';
export const StyledEditableFieldEditButton = styled.div`
align-items: center;
border: 1px solid ${({ theme }) => theme.border.color.light};
border-radius: ${({ theme }) => theme.border.radius.sm};
color: ${({ theme }) => theme.font.color.tertiary};
cursor: pointer;
display: flex;
height: 20px;
justify-content: center;
margin-left: -2px;
width: 20px;
z-index: 1;
${overlayBackground}
`;
export function EditableFieldEditButton() {
const { openEditableField } = useEditableField();