diff --git a/packages/twenty-front/src/modules/object-record/record-show/components/FieldsCard.tsx b/packages/twenty-front/src/modules/object-record/record-show/components/FieldsCard.tsx index 150a3d6d1..1e2d3504b 100644 --- a/packages/twenty-front/src/modules/object-record/record-show/components/FieldsCard.tsx +++ b/packages/twenty-front/src/modules/object-record/record-show/components/FieldsCard.tsx @@ -77,10 +77,12 @@ export const FieldsCard = ({ const boxedRelationFieldMetadataItems = relationFieldMetadataItems?.filter( (fieldMetadataItem) => - !((objectNameSingular === CoreObjectNameSingular.Note && - fieldMetadataItem.name === 'noteTargets') || - (objectNameSingular === CoreObjectNameSingular.Task && - fieldMetadataItem.name === 'taskTargets')), + !( + (objectNameSingular === CoreObjectNameSingular.Note && + fieldMetadataItem.name === 'noteTargets') || + (objectNameSingular === CoreObjectNameSingular.Task && + fieldMetadataItem.name === 'taskTargets') + ), ); const isReadOnly = objectMetadataItem.isRemote; diff --git a/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuInput.tsx b/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuInput.tsx index 5b985fab3..034fc4ec0 100644 --- a/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuInput.tsx +++ b/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuInput.tsx @@ -2,7 +2,7 @@ import { css } from '@emotion/react'; import styled from '@emotion/styled'; import { forwardRef, InputHTMLAttributes, ReactNode, useRef } from 'react'; import 'react-phone-number-input/style.css'; -import { RGBA, TEXT_INPUT_STYLE } from 'twenty-ui'; +import { TEXT_INPUT_STYLE } from 'twenty-ui'; import { useRegisterInputEvents } from '@/object-record/record-field/meta-types/input/hooks/useRegisterInputEvents'; import { useCombinedRefs } from '~/hooks/useCombinedRefs'; @@ -22,14 +22,6 @@ const StyledInput = styled.input<{ position: relative; width: 100%; - &:focus { - ${({ theme, hasError = false }) => { - if (hasError) return ''; - return `box-shadow: 0px 0px 0px 3px ${RGBA(theme.color.blue, 0.1)}; - border-color: ${theme.color.blue};`; - }}; - } - ${({ withRightComponent }) => withRightComponent && css` @@ -53,8 +45,7 @@ const StyledRightContainer = styled.div` const StyledErrorDiv = styled.div` color: ${({ theme }) => theme.color.red}; - padding: 0 ${({ theme }) => theme.spacing(2)} - ${({ theme }) => theme.spacing(1)}; + padding: 0 ${({ theme }) => theme.spacing(2)}; `; type HTMLInputProps = InputHTMLAttributes;