morgan/editor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #304 from pascalorg/fix/panel-overflow

Browse Source 
fix max panel height
This commit is contained in:
Wassim SAMAD
2026-05-12 12:07:06 -04:00
committed by GitHub
parent 3a62b8f224 9c248b7e0c
commit eeacae568c
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/editor/src/components/ui/panels/panel-wrapper.tsx
+8 -1
View File
@@ -33,7 +33,14 @@ export function PanelWrapper({
className={cn( className={cn(
isMobile isMobile
? 'flex h-full w-full flex-col overflow-hidden bg-transparent dark:text-foreground' ? 'flex h-full w-full flex-col overflow-hidden bg-transparent dark:text-foreground'
: 'pointer-events-auto fixed top-20 right-4 z-50 flex max-h-[calc(100dvh-100px)] flex-col overflow-hidden rounded-xl border border-border/50 bg-sidebar/95 shadow-2xl backdrop-blur-xl dark:text-foreground', // Cap height at `100dvh - 154px` so a tall panel's bottom edge
// aligns flush with the top of the floating bottom action bar.
// Combined with `top-20` (80px), the panel's bottom sits at
// `100dvh - 74px` — just clearing the bar without leaving a
// visible gap. The inner `flex-1 overflow-y-auto` content area
// (below) handles vertical scrolling when content exceeds the
// cap.
: 'pointer-events-auto fixed top-20 right-4 z-50 flex max-h-[calc(100dvh-154px)] flex-col overflow-hidden rounded-xl border border-border/50 bg-sidebar/95 shadow-2xl backdrop-blur-xl dark:text-foreground',
className, className,
)} )}
style={isMobile ? undefined : { width }} style={isMobile ? undefined : { width }}