Fix scrollbar (#1593)

swisstopo · Oct 17, 2024 · dab2ed8 · dab2ed8
2 parents 4dbf7c1 + b75e583
commit dab2ed8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -19,7 +19,8 @@
 
 - _view-sync_ did not clean up unpublished boreholes.
 - User permissions were not checked when detaching files from boreholes.
-- The basemap selector buttons were not displayed correctly on hover
+- The basemap selector buttons were not displayed correctly on hover.
+- No scrollbar was displayed in the side drawer when many additional layers were added.
 
 ## v2.1.870 - 2024-09-27
 

diff --git a/src/client/src/pages/overview/sidePanelContent/customLayers/customLayersComponent.jsx b/src/client/src/pages/overview/sidePanelContent/customLayers/customLayersComponent.jsx
@@ -16,9 +16,9 @@ export const CustomLayersComponent = ({
   const { t } = useTranslation();
 
   return (
-    <>
+    <Stack sx={{ height: "100%" }}>
       <SideDrawerHeader title={t("overlay")} toggleDrawer={toggleDrawer} />
-      <Box>
+      <Box sx={{ overflow: "auto", scrollbarGutter: "stable", flex: 1 }}>
         {Object.values(layers)
           .sort((a, b) => {
             if (a.position < b.position) {
@@ -90,6 +90,6 @@ export const CustomLayersComponent = ({
             </Box>
           ))}
       </Box>
-    </>
+    </Stack>
   );
 };