Virtualised sidebar test.

2021-08-08 16:17:16 +01:00
parent 17f68088d1
commit 8e24d1490c
11 changed files with 241 additions and 36 deletions
--- a/src/components/navigation/SidebarBase.tsx
+++ b/src/components/navigation/SidebarBase.tsx
@@ -10,17 +10,19 @@ export default styled.div`
    align-items: stretch;
 `;

-export const GenericSidebarBase = styled.div<{ padding?: boolean }>`
+export const GenericSidebarBase = styled.div<{
+    mobilePadding?: boolean;
+}>`
    height: 100%;
    width: 240px;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
-    background: var(--secondary-background);
    border-end-start-radius: 8px;
+    background: var(--secondary-background);

    ${(props) =>
-        props.padding &&
+        props.mobilePadding &&
        isTouchscreenDevice &&
        css`
            padding-bottom: 50px;