From 45cd826616d8443621f1df0d1b8ceda9e7ef696e Mon Sep 17 00:00:00 2001 From: "Mark S. Shenouda" <49324987+markshenouda@users.noreply.github.com> Date: Wed, 18 Oct 2023 17:59:47 +0300 Subject: [PATCH] Fix pagination functionality on Profile Page (#1939) Co-authored-by: Mark S. Shenouda --- .../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 0db195d74..80504bf39 100644 --- a/cra-rxjs-styled-components/src/components/layouts/ProfileLayout.tsx +++ b/cra-rxjs-styled-components/src/components/layouts/ProfileLayout.tsx @@ -6,7 +6,6 @@ export const Layout = styled.div` background-color: rgb(255, 255, 255); display: grid; overflow: hidden; - grid-template-columns: auto; grid-template-areas: 'header'