From c4ee5111d275e7ada3c465ac48253b25f9c265cf Mon Sep 17 00:00:00 2001 From: Hugo Lextrait Date: Thu, 11 May 2023 14:06:28 +0200 Subject: [PATCH] fix height --- .../Components/DesignSystem/FolderList/classes.module.scss | 3 +++ src/front/Components/DesignSystem/FolderList/index.tsx | 6 +----- .../DesignSystem/FolderListContainer/classes.module.scss | 3 +-- 3 files changed, 5 insertions(+), 7 deletions(-) diff --git a/src/front/Components/DesignSystem/FolderList/classes.module.scss b/src/front/Components/DesignSystem/FolderList/classes.module.scss index 0bf5be03..b6ca5e4f 100644 --- a/src/front/Components/DesignSystem/FolderList/classes.module.scss +++ b/src/front/Components/DesignSystem/FolderList/classes.module.scss @@ -1,6 +1,9 @@ @import "@Themes/constants.scss"; .root { + height: calc(100vh - 290px); + overflow: scroll; + .active { background-color: var(--grey-medium); } diff --git a/src/front/Components/DesignSystem/FolderList/index.tsx b/src/front/Components/DesignSystem/FolderList/index.tsx index d98d432c..871eb511 100644 --- a/src/front/Components/DesignSystem/FolderList/index.tsx +++ b/src/front/Components/DesignSystem/FolderList/index.tsx @@ -26,11 +26,7 @@ class FolderListClass extends React.Component { ? Module.getInstance().get().modules.pages.Folder.pages.FolderArchived.pages.FolderInformation.props.path : Module.getInstance().get().modules.pages.Folder.pages.FolderInformation.props.path; public override render(): JSX.Element { - return ( -
- {this.renderFolders()} -
- ); + return
{this.renderFolders()}
; } private renderFolders(): JSX.Element[] { diff --git a/src/front/Components/DesignSystem/FolderListContainer/classes.module.scss b/src/front/Components/DesignSystem/FolderListContainer/classes.module.scss index 588e1a18..b11dc6ba 100644 --- a/src/front/Components/DesignSystem/FolderListContainer/classes.module.scss +++ b/src/front/Components/DesignSystem/FolderListContainer/classes.module.scss @@ -1,8 +1,7 @@ @import "@Themes/constants.scss"; .root { - min-height: 100%; - width: 100%; + width: calc(100vh - 83px); display: flex; flex-direction: column; justify-content: space-between;