1
Fork 0
mirror of https://github.com/pds-nest/nest.git synced 2024-11-21 20:44:18 +00:00

🚧 Add BoxFullScrollable (still WIP, doesn't support auto resizing)

Is it even possible?
This commit is contained in:
Stefano Pigozzi 2021-04-23 19:08:17 +02:00
parent 6d6825874f
commit ff35676781
Signed by untrusted user who does not match committer: steffo
GPG key ID: 6965406171929D01
2 changed files with 34 additions and 0 deletions

View file

@ -0,0 +1,29 @@
import React from "react"
import Style from "./BoxFullScrollable.module.css"
import classNames from "classnames"
import BoxFull from "./BoxFull"
/**
* A {@link BoxFull} whose body does not grow automatically but instead supports scrolling.
*
* @todo Is there a way to allow the box body to grow automatically...?
*
* @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 }) {
return (
<BoxFull
childrenClassName={classNames(Style.ScrollableBody, childrenClassName)}
childrenProps={{"style": {"height": height}}}
{...props}
>
{children}
</BoxFull>
)
}

View file

@ -0,0 +1,5 @@
.ScrollableBody {
flex-grow: 0;
overflow-y: scroll;
}