mirror/plane
1
0
Fork 0
mirror of https://github.com/makeplane/plane.git synced 2026-01-31 02:39:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

[WEB-5130] chore: propel scroll area improvement #7952

Browse Source
This commit is contained in:
Anmol Singh Bhatia
2025-10-13 19:30:58 +05:30
committed by GitHub
parent 3eecec552a
commit c736354739
1 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/propel/src/scrollarea/scrollarea.tsx
View File

@@ -11,14 +11,27 @@ interface ScrollAreaProps extends React.ComponentProps<typeof BaseScrollArea.Roo
orientation?: ScrollAreaOrientation;
scrollType?: ScrollAreaScrollType;
size?: ScrollAreaSize;
rootClassName?: string;
viewportClassName?: string;
}
function ScrollArea({ className, children, orientation, scrollType, size = "md", ...props }: ScrollAreaProps) {
function ScrollArea({
children,
orientation,
scrollType,
size = "md",
rootClassName,
viewportClassName,
...props
}: ScrollAreaProps) {
return (
<BaseScrollArea.Root data-slot="scroll-area" className={cn("relative", className)} {...props}>
<BaseScrollArea.Root data-slot="scroll-area" className={cn("relative", rootClassName)} {...props}>
<BaseScrollArea.Viewport
data-slot="scroll-area-viewport"
className="focus-visible:ring-ring/50 size-full overscroll-contain rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline"
className={cn(
"focus-visible:ring-ring/50 size-full overscroll-contain rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline",
viewportClassName
)}
>
{children}
</BaseScrollArea.Viewport>