From a98f94475981efa25c526eb89707ed3769ba0550 Mon Sep 17 00:00:00 2001 From: "Mark S. Shenouda" Date: Fri, 18 Aug 2023 18:05:11 +0300 Subject: [PATCH] Fix pagination functionality on Profile Page --- .../src/components/header/Header.styles.tsx | 3 +++ .../src/components/layouts/ProfileLayout.tsx | 1 - 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/cra-rxjs-styled-components/src/components/header/Header.styles.tsx b/cra-rxjs-styled-components/src/components/header/Header.styles.tsx index edbe51d83..9cc987abb 100644 --- a/cra-rxjs-styled-components/src/components/header/Header.styles.tsx +++ b/cra-rxjs-styled-components/src/components/header/Header.styles.tsx @@ -11,4 +11,7 @@ export const HeaderSection = styled.header` box-sizing: var(--box-sizing-border-box); grid-area: header; border: 1px solid var(--blue-900); + position: sticky; + top: 0; + z-index: 100; `; diff --git a/cra-rxjs-styled-components/src/components/layouts/ProfileLayout.tsx b/cra-rxjs-styled-components/src/components/layouts/ProfileLayout.tsx index deca59958..82fbc4fa0 100644 --- a/cra-rxjs-styled-components/src/components/layouts/ProfileLayout.tsx +++ b/cra-rxjs-styled-components/src/components/layouts/ProfileLayout.tsx @@ -5,7 +5,6 @@ export const Layout = styled.div` padding: 0 1rem; background-color: rgb(255, 255, 255); display: grid; - overflow: hidden; grid-template-columns: auto; grid-template-areas: