From 04051e737f0f2442c29a5d579600ac532640f237 Mon Sep 17 00:00:00 2001 From: Charles Bochet Date: Wed, 26 Apr 2023 17:29:00 +0200 Subject: [PATCH] Fix long table scroll --- front/src/apollo.tsx | 1 + front/src/layout/containers/WithTopBarContainer.tsx | 2 ++ front/src/layout/top-bar/TopBar.tsx | 1 + front/src/pages/people/People.tsx | 1 + ...5429_workspacesSeed.sql => 1682503765429_workspacesSeed.sql} | 0 5 files changed, 5 insertions(+) rename hasura/seeds/default/{1682513765429_workspacesSeed.sql => 1682503765429_workspacesSeed.sql} (100%) diff --git a/front/src/apollo.tsx b/front/src/apollo.tsx index 4fa5e98d6..b6b9f5b06 100644 --- a/front/src/apollo.tsx +++ b/front/src/apollo.tsx @@ -29,6 +29,7 @@ const errorLink = onError(({ graphQLErrors, operation, forward }) => { for (const err of graphQLErrors) { switch (err.extensions.code) { case 'invalid-jwt': + case 'not-found': return new Observable((observer) => { (async () => { try { diff --git a/front/src/layout/containers/WithTopBarContainer.tsx b/front/src/layout/containers/WithTopBarContainer.tsx index 2749ca0b5..08189b645 100644 --- a/front/src/layout/containers/WithTopBarContainer.tsx +++ b/front/src/layout/containers/WithTopBarContainer.tsx @@ -23,12 +23,14 @@ const ContentContainer = styled.div` padding-right: ${(props) => props.theme.spacing(3)}; padding-bottom: ${(props) => props.theme.spacing(3)}; width: calc(100% - ${(props) => props.theme.spacing(3)}); + height: calc(100% - 54px); `; const ContentSubContainer = styled.div` display: flex; background: ${(props) => props.theme.primaryBackground}; border-radius: 8px; + height: 100%; flex: 1; `; diff --git a/front/src/layout/top-bar/TopBar.tsx b/front/src/layout/top-bar/TopBar.tsx index d5f12ee7e..da89e4588 100644 --- a/front/src/layout/top-bar/TopBar.tsx +++ b/front/src/layout/top-bar/TopBar.tsx @@ -11,6 +11,7 @@ const TopBarContainer = styled.div` padding: 8px; font-size: 14px; color: ${(props) => props.theme.text80}; + flex-shrink: 0; `; const TitleContainer = styled.div` diff --git a/front/src/pages/people/People.tsx b/front/src/pages/people/People.tsx index cda71b36e..4fa732ff5 100644 --- a/front/src/pages/people/People.tsx +++ b/front/src/pages/people/People.tsx @@ -19,6 +19,7 @@ import { const StyledPeopleContainer = styled.div` display: flex; width: 100%; + height: 100%; `; function People() { diff --git a/hasura/seeds/default/1682513765429_workspacesSeed.sql b/hasura/seeds/default/1682503765429_workspacesSeed.sql similarity index 100% rename from hasura/seeds/default/1682513765429_workspacesSeed.sql rename to hasura/seeds/default/1682503765429_workspacesSeed.sql