fix(results): keep output toolbar height stable
This commit is contained in:
1 parent
5c7832720e
commit
c67cce5654
3 files changed
+17
-6
No files matched your search
@@ -7369,7 +7369,8 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
|
||||
<CustomContextMenu :items="gridContextMenuItems" v-slot="{ onContextMenu }">
|
||||
<div v-if="hasData || canShowWhereSearch" class="flex-1 flex flex-col overflow-hidden" @contextmenu="onContextMenu">
|
||||
<!-- Search bar -->
|
||||
<div ref="dataGridTopbarRef" v-if="showDataGridTopbar" class="data-grid-topbar-shell shrink-0 flex min-w-0 border-b bg-muted/20">
|
||||
<!-- Result and standalone output views must share a fixed toolbar height to prevent layout shifts. -->
|
||||
<div ref="dataGridTopbarRef" v-if="showDataGridTopbar" class="data-grid-topbar-shell flex h-7 min-w-0 shrink-0 border-b bg-muted/20">
|
||||
<div v-if="hasResultToolbarLeadingSlot" class="flex shrink-0 items-center border-r">
|
||||
<slot name="result-toolbar-leading" :compact="compactDataGridToolbar" />
|
||||
</div>
|
||||
|
||||
@@ -1054,7 +1054,8 @@ defineExpose({ focusSearch, refreshData, refreshQueryEditorCompletionCache, hand
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="hasQueryOutput && showStandaloneResultToolbar" ref="standaloneResultToolbarRef" class="flex min-h-7 shrink-0 items-center border-b bg-muted/20">
|
||||
<!-- Keep this fixed height in sync with the embedded DataGrid toolbar when switching result views. -->
|
||||
<div v-if="hasQueryOutput && showStandaloneResultToolbar" ref="standaloneResultToolbarRef" class="flex h-7 shrink-0 items-center border-b bg-muted/20">
|
||||
<QueryResultViewSwitcher
|
||||
:active-view="activeOutputView"
|
||||
:can-show-result="canShowResultOutput"
|
||||
|
||||
Reference in new issue
Block a user