[FIX] remove blue outline for Phones, Emails, and Domains fields (twe…

…ntyhq#8268) FIX: twentyhq#8252 --------- Co-authored-by: Félix Malfait <felix@twenty.com>
Almansori · Nov 4, 2024 · b66bdd9 · b66bdd9
1 parent 8b1f34d
commit b66bdd9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 15 deletions.
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
@@ -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
@@ -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<HTMLInputElement>;