twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2024-11-29 01:38:18 +03:00
Code Issues Packages Projects Releases Wiki Activity

relations header button to appear at all times for mobile devices (#7044)

Browse Source 
fixes #7036
This commit is contained in:
nitin 2024-09-17 15:21:13 +05:30 committed by GitHub
parent dcac832616
commit 3c306e9be8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationSection.tsx
View File

@ -30,6 +30,7 @@ import { LightIconButton } from '@/ui/input/button/components/LightIconButton';
import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown';
import { useDropdown } from '@/ui/layout/dropdown/hooks/useDropdown';
import { DropdownScope } from '@/ui/layout/dropdown/scopes/DropdownScope';
import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile';
import { FilterQueryParams } from '@/views/hooks/internal/useViewFromQueryParams';
import { ViewFilterOperand } from '@/views/types/ViewFilterOperand';
import { RelationDefinitionType } from '~/generated-metadata/graphql';
@ -54,6 +55,7 @@ export const RecordDetailRelationSection = ({
} = fieldDefinition.metadata as FieldRelationMetadata;
const record = useRecoilValue(recordStoreFamilyState(recordId));
const isMobile = useIsMobile();
const { objectMetadataItem: relationObjectMetadataItem } =
useObjectMetadataItem({
objectNameSingular: relationObjectMetadataNameSingular,
@ -168,7 +170,7 @@ export const RecordDetailRelationSection = ({
}
: undefined
}
hideRightAdornmentOnMouseLeave={!isDropdownOpen}
hideRightAdornmentOnMouseLeave={!isDropdownOpen && !isMobile}
rightAdornment={
<DropdownScope dropdownScopeId={dropdownId}>
<StyledAddDropdown