✨ Complete BoxFullScrollable !

code/frontend/src/components/BoxFullScrollable.js

@@ -11,19 +11,16 @@ import BoxFull from "./BoxFull"
  *
  * @param children - The contents of the box body.
  * @param childrenClassName - Additional class(es) added to the inner `<div>` acting as the body.
- * @param height - The fixed height of the box body.
  * @param props - Additional props to pass to the box.
  * @returns {JSX.Element}
  * @constructor
  */
-export default function BoxFullScrollable({ children, childrenClassName, height, ...props }) {
+export default function BoxFullScrollable({ children, childrenClassName, ...props }) {
     return (
-        <BoxFull
+        <BoxFull childrenClassName={classNames(Style.BoxScrollableBody, childrenClassName)} {...props}>
-            childrenClassName={classNames(Style.ScrollableBody, childrenClassName)}
+            <div className={classNames(Style.ScrollContainer)}>
-            childrenProps={{"style": {"height": height}}}
+                {children}
-            {...props}
+            </div>
-        >
-            {children}
         </BoxFull>
     )
 }

code/frontend/src/components/BoxFullScrollable.module.css

@@ -1,5 +1,23 @@
-.ScrollableBody {
+.BoxScrollableBody {
-    flex-grow: 0;
+    position: relative;
+
+    border-bottom-right-radius: 0;
+}
+
+
+.ScrollContainer {
+    position: absolute;
+
+    padding: 10px 40px;
+
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
 
     overflow-y: scroll;
+
+    /* Custom scrollbar (firefox only!) */
+    scrollbar-color: var(--bg-light) var(--bg-dark);
+    scrollbar-width: auto;
 }