fix(layout): keep panel resizing smooth across plugin iframes
This commit is contained in:
8 files changed
+77
-31
No files matched your search
@@ -23,7 +23,7 @@ defineProps<{
|
||||
const emit = defineEmits<{
|
||||
import: [source: "dbx" | "navicat" | "dbeaver" | "datagrip"];
|
||||
export: [];
|
||||
startResize: [event: MouseEvent];
|
||||
startResize: [event: PointerEvent];
|
||||
collapse: [];
|
||||
"open-settings": [initialTab: string];
|
||||
"add-to-ai": [nodes: TreeNode | TreeNode[]];
|
||||
@@ -296,7 +296,7 @@ defineExpose({ focusSearch, locateTabInSidebar });
|
||||
<ConnectionTree ref="connectionTreeRef" @open-settings="(initialTab) => emit('open-settings', initialTab)" @add-to-ai="(nodes) => emit('add-to-ai', nodes)" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-resize-handle panel-resize-handle--right" @mousedown="emit('startResize', $event)" />
|
||||
<div class="panel-resize-handle panel-resize-handle--right" @pointerdown="emit('startResize', $event)" />
|
||||
<Dialog v-model:open="showDeleteSelectedConfirm">
|
||||
<DialogContent class="sm:max-w-[400px]">
|
||||
<DialogHeader>
|
||||
|
||||
@@ -43,7 +43,7 @@ const emit = defineEmits<
|
||||
"activate-tab": [tabId: string];
|
||||
"locate-tab": [tab: QueryTab];
|
||||
"toggle-zen-mode": [];
|
||||
"start-resize": [event: MouseEvent];
|
||||
"start-resize": [event: PointerEvent];
|
||||
"toggle-collapse": [];
|
||||
"detach-tab": [tab: QueryTab];
|
||||
}
|
||||
|
||||
@@ -107,7 +107,7 @@ const emit = defineEmits<{
|
||||
"activate-tab": [tabId: string];
|
||||
"locate-tab": [tab: QueryTab];
|
||||
"toggle-zen-mode": [];
|
||||
"start-resize": [event: MouseEvent];
|
||||
"start-resize": [event: PointerEvent];
|
||||
"toggle-collapse": [];
|
||||
"detach-tab": [tab: QueryTab];
|
||||
"activate-settings": [];
|
||||
@@ -1778,7 +1778,7 @@ watch([() => props.specialPageTabs?.settingsActive, () => props.specialPageTabs?
|
||||
</div>
|
||||
</div>
|
||||
<!-- Dragging any pane's handle resizes the shared vertical width; every pane follows. -->
|
||||
<div v-if="isVerticalLayout && !isTabBarCollapsed" class="panel-resize-handle" :class="settingsStore.editorSettings.tabPlacement === 'right' ? 'panel-resize-handle--left' : 'panel-resize-handle--right'" @mousedown="emit('start-resize', $event)" />
|
||||
<div v-if="isVerticalLayout && !isTabBarCollapsed" class="panel-resize-handle" :class="settingsStore.editorSettings.tabPlacement === 'right' ? 'panel-resize-handle--left' : 'panel-resize-handle--right'" @pointerdown="emit('start-resize', $event)" />
|
||||
<Dialog v-model:open="tabGroupEditorOpen">
|
||||
<DialogContent class="sm:max-w-[400px]">
|
||||
<DialogHeader>
|
||||
|
||||
@@ -34,7 +34,7 @@ const emit = defineEmits<
|
||||
ContentAreaSurfaceEmits & {
|
||||
"locate-tab": [tab: QueryTab];
|
||||
"toggle-zen-mode": [];
|
||||
"start-resize": [event: MouseEvent];
|
||||
"start-resize": [event: PointerEvent];
|
||||
"toggle-collapse": [];
|
||||
"detach-tab": [tab: QueryTab];
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user