fix: entity list view should show footer when content in side bar and…

… table is not scrollable (#144)
DataBiosphere · Aug 7, 2024 · 8e3d017 · 8e3d017
1 parent 9b6a11d
commit 8e3d017
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/...onents/Layout/components/Sidebar/components/SidebarPositioner/sidebarPositioner.styles.ts b/...onents/Layout/components/Sidebar/components/SidebarPositioner/sidebarPositioner.styles.ts
@@ -11,7 +11,7 @@ export const SidebarPositioner = styled("div")<Props>`
   padding: 16px 0;
 
   ${mediaDesktopSmallUp} {
-    height: ${({ headerHeight }) => `calc(100vh - ${headerHeight}px)`};
+    max-height: 100vh;
     overflow: auto;
     padding: ${({ headerHeight }) => headerHeight}px 0 0;
     position: sticky;

diff --git a/src/components/Layout/components/Sidebar/sidebar.styles.ts b/src/components/Layout/components/Sidebar/sidebar.styles.ts
@@ -1,8 +1,9 @@
 import styled from "@emotion/styled";
+import { smokeMain } from "../../../../styles/common/mixins/colors";
 
 export const Sidebar = styled.div`
   align-self: stretch;
-  border-right: 1px solid ${({ theme }) => theme.palette.smoke.main};
+  border-right: 1px solid ${smokeMain};
   box-sizing: content-box;
   width: 264px;
 `;