mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-08-25 08:00:59 +00:00
fix: session preview editors and picker dropdown overflow (#10010)
* fix: constrain script/flow/raw-app editors to container height in session preview Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> * fix: clip session preview picker dropdown to popover so it stops overflowing the page Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -412,7 +412,7 @@ leaves and ignores the current scope.
|
||||
bind:this={pickerRoot}
|
||||
class={flush
|
||||
? 'flex flex-col w-full h-full'
|
||||
: 'flex flex-col w-[min(420px,calc(100vw-20px))] max-h-[60vh]'}
|
||||
: 'flex flex-col w-[min(420px,calc(100vw-20px))] max-h-[60vh] min-h-0'}
|
||||
onkeydown={handleSearchKeydown}
|
||||
onmousemove={() => (mouseActive = true)}
|
||||
>
|
||||
|
||||
@@ -1097,7 +1097,7 @@
|
||||
<ScriptEditorDrawer bind:this={$scriptEditorDrawer} />
|
||||
<FlowEditorDrawer bind:this={$flowEditorDrawer} />
|
||||
|
||||
<div bind:this={flowBuilderRoot} class="flex flex-col h-screen">
|
||||
<div bind:this={flowBuilderRoot} class="flex flex-col h-full">
|
||||
<!-- Nav between steps-->
|
||||
<div
|
||||
bind:clientWidth={topbarWidth}
|
||||
|
||||
@@ -1897,7 +1897,7 @@
|
||||
</DrawerContent>
|
||||
</Drawer>
|
||||
|
||||
<div class="flex flex-col h-screen">
|
||||
<div class="flex flex-col h-full">
|
||||
<div bind:clientWidth={topbarWidth} class="flex h-12 items-center px-4">
|
||||
<div class="flex gap-2 lg:gap-2 w-full items-center">
|
||||
<div class="flex flex-row items-center gap-2 min-w-0 shrink">
|
||||
|
||||
@@ -1643,10 +1643,7 @@
|
||||
gateJobIds={false}
|
||||
extraSourceWindow={() => externalPreviewWindow}
|
||||
/>
|
||||
<div
|
||||
bind:clientWidth={rootWidth}
|
||||
class="max-h-screen overflow-hidden h-screen min-h-0 flex flex-col"
|
||||
>
|
||||
<div bind:clientWidth={rootWidth} class="max-h-full overflow-hidden h-full min-h-0 flex flex-col">
|
||||
<RawAppEditorHeader
|
||||
bind:jobs
|
||||
bind:jobsById
|
||||
|
||||
@@ -655,6 +655,7 @@
|
||||
enableFlyTransition
|
||||
bind:isOpen={activeTabPickerOpen}
|
||||
openFocus="[data-workspace-picker-search]"
|
||||
contentClasses="flex flex-col overflow-hidden"
|
||||
class="flex items-center shrink-0 cursor-pointer text-tertiary hover:text-primary"
|
||||
>
|
||||
{#snippet trigger()}
|
||||
@@ -685,6 +686,7 @@
|
||||
bind:isOpen={newTabOpen}
|
||||
enableFlyTransition
|
||||
openFocus="[data-workspace-picker-search]"
|
||||
contentClasses="flex flex-col overflow-hidden"
|
||||
class="shrink-0 inline-flex items-center justify-center w-6 h-6 rounded text-tertiary hover:text-primary hover:bg-surface-hover cursor-pointer"
|
||||
>
|
||||
{#snippet trigger()}
|
||||
@@ -753,6 +755,7 @@
|
||||
bind:isOpen={emptyStateNewTabOpen}
|
||||
enableFlyTransition
|
||||
openFocus="[data-workspace-picker-search]"
|
||||
contentClasses="flex flex-col overflow-hidden"
|
||||
>
|
||||
{#snippet trigger()}
|
||||
<span
|
||||
|
||||
Reference in New Issue
Block a user