Skip to content

Commit

Permalink
Added Scrollbar functionality to the campaigns Page
Browse files Browse the repository at this point in the history
  • Loading branch information
srp-pawar committed Mar 8, 2024
1 parent 69fa952 commit c5afc01
Showing 1 changed file with 16 additions and 2 deletions.
18 changes: 16 additions & 2 deletions packages/twenty-front/src/pages/campaigns/Campaigns.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,15 +6,15 @@ import { PageBody } from '@/ui/layout/page/PageBody';
import { PageContainer } from '@/ui/layout/page/PageContainer';
import { PageHeader } from '@/ui/layout/page/PageHeader';
import { StepBar } from '@/ui/navigation/step-bar/components/StepBar';
import { MOBILE_VIEWPORT } from '@/ui/theme/constants/MobileViewport';
// import { MOBILE_VIEWPORT } from '@/ui/theme/constants/theme';
import { CampaignDate } from '~/pages/campaigns/CampaignDate';
import { CampaignDetails } from '~/pages/campaigns/CampaignDetails';
import { useCampaign } from '~/pages/campaigns/CampaignUseContext';
import { Lead } from '~/pages/campaigns/Lead';
import { MessagingChannel } from '~/pages/campaigns/MessagingChannel';
import { PreviewPage } from '~/pages/campaigns/PreviewPage';
import { Specialty } from '~/pages/campaigns/Specialty';
import { useCampaign } from '~/pages/campaigns/CampaignUseContext';
import { MOBILE_VIEWPORT } from '@/ui/theme/constants/MobileViewport';

const StyledBoardContainer = styled.div`
display: flex;
Expand Down Expand Up @@ -46,6 +46,20 @@ const StyledCard = styled.div`
justify-content: center;
background: ${({ theme }) => theme.background.noisy};
height: 100%;
overflow: scroll;
scrollbar-color: ${({ theme }) => theme.border.color.danger};
scrollbar-width: 4px;
*::-webkit-scrollbar {
height: 4px;
width: 4px;
}
*::-webkit-scrollbar-corner {
background-color: #03030358;
}
*::-webkit-scrollbar-thumb {
background-color: #03030358;
border-radius: ${({ theme }) => theme.border.radius.md};
}
`;
export const Campaigns = () => {
const { currentStep } = useCampaign();
Expand Down

0 comments on commit c5afc01

Please sign in to comment.