style: push Sidebar down the banner height (#4091)

* style: push Sidebar down the banner height * remove the close button from the banner
5afe · Oct 13, 2022 · 35459eb · 35459eb
1 parent b2ce6c9
commit 35459eb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/PsaBanner/index.tsx b/src/components/PsaBanner/index.tsx
@@ -109,13 +109,14 @@ const PsaBanner = (): ReactElement => {
           color: '#fff',
           padding: '5px 20px',
           fontSize: '16px',
+          height: '80px',
         }}
       >
         <div style={{ position: 'relative' }}>
           <div style={{ maxWidth: '960px', margin: '0 auto', textAlign: 'center', padding: '10px' }}>{banner}</div>
 
           <Close
-            style={{ position: 'absolute', right: '10px', top: '10px', cursor: 'pointer', zIndex: 2 }}
+            style={{ display: 'none', position: 'absolute', right: '10px', top: '10px', cursor: 'pointer', zIndex: 2 }}
             onClick={onClose}
           />
         </div>

diff --git a/src/components/SafeListSidebar/style.ts b/src/components/SafeListSidebar/style.ts
@@ -7,6 +7,7 @@ const sidebarMarginLeft = '0px'
 const sidebarMarginTop = '0px'
 const sidebarMarginBottom = '0px'
 const sidebarBorderRadius = '0px'
+const bannerHeight = '90px'
 
 const useSidebarStyles = makeStyles({
   sidebar: {
@@ -20,7 +21,7 @@ const useSidebarStyles = makeStyles({
     borderRadius: sidebarBorderRadius,
     marginLeft: sidebarMarginLeft,
     maxHeight: `calc(100vh - ${headerHeight} - ${sidebarMarginTop} - ${sidebarMarginBottom})`,
-    top: `calc(${headerHeight} + ${sidebarMarginTop})`,
+    top: `calc(${headerHeight} + ${bannerHeight} + ${sidebarMarginTop})`,
     width: sidebarWidth,
     maxWidth: `calc(100% - ${sidebarMarginLeft} - ${sidebarMarginLeft})`,