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

Fix bug Opportunities add Plus button z-index

Browse Source
This commit is contained in:
Charles Bochet
2023-09-13 19:33:10 -07:00
parent 18fb66202a
commit bdb6886818
2 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
front/src/modules/ui/layout/components/PageHeader.tsx
View File

@ -27,6 +27,7 @@ const StyledTopBarContainer = styled.div`
padding: ${({ theme }) => theme.spacing(2)}; padding: ${({ theme }) => theme.spacing(2)};
padding-left: 0; padding-left: 0;
padding-right: ${({ theme }) => theme.spacing(3)}; padding-right: ${({ theme }) => theme.spacing(3)};
z-index: 20;
`; `;
const StyledLeftContainer = styled.div` const StyledLeftContainer = styled.div`

11
front/src/pages/opportunities/Opportunities.tsx
View File

@ -1,5 +1,3 @@
import styled from '@emotion/styled';
import { CompanyBoard } from '@/companies/board/components/CompanyBoard'; import { CompanyBoard } from '@/companies/board/components/CompanyBoard';
import { CompanyBoardRecoilScopeContext } from '@/companies/states/recoil-scope-contexts/CompanyBoardRecoilScopeContext'; import { CompanyBoardRecoilScopeContext } from '@/companies/states/recoil-scope-contexts/CompanyBoardRecoilScopeContext';
import { PipelineAddButton } from '@/pipeline/components/PipelineAddButton'; import { PipelineAddButton } from '@/pipeline/components/PipelineAddButton';
@ -14,11 +12,6 @@ import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope'
import { useUpdatePipelineStageMutation } from '~/generated/graphql'; import { useUpdatePipelineStageMutation } from '~/generated/graphql';
import { opportunitiesBoardOptions } from '~/pages/opportunities/opportunitiesBoardOptions'; import { opportunitiesBoardOptions } from '~/pages/opportunities/opportunitiesBoardOptions';
const StyledPageHeader = styled(PageHeader)`
position: relative;
z-index: 2;
`;
export function Opportunities() { export function Opportunities() {
const { handlePipelineStageAdd, handlePipelineStageDelete } = const { handlePipelineStageAdd, handlePipelineStageDelete } =
usePipelineStages(); usePipelineStages();
@ -50,11 +43,11 @@ export function Opportunities() {
return ( return (
<PageContainer> <PageContainer>
<RecoilScope> <RecoilScope>
<StyledPageHeader title="Opportunities" Icon={IconTargetArrow}> <PageHeader title="Opportunities" Icon={IconTargetArrow}>
<RecoilScope SpecificContext={DropdownRecoilScopeContext}> <RecoilScope SpecificContext={DropdownRecoilScopeContext}>
<PipelineAddButton /> <PipelineAddButton />
</RecoilScope> </RecoilScope>
</StyledPageHeader> </PageHeader>
<PageBody> <PageBody>
<BoardOptionsContext.Provider value={opportunitiesBoardOptions}> <BoardOptionsContext.Provider value={opportunitiesBoardOptions}>
<RecoilScope <RecoilScope