Fix modal overflow when AI is enabled in code node

This commit is contained in:
Elias Meire 2024-09-19 17:06:17 +02:00
parent 69c6e0790d
commit 93a54e0706
No known key found for this signature in database

View file

@ -376,15 +376,17 @@ function onAiLoadEnd() {
v-model="activeTab"
type="card"
:before-leave="onBeforeTabLeave"
:class="$style.tabs"
>
<el-tab-pane
:label="$locale.baseText('codeNodeEditor.tabs.code')"
name="code"
data-test-id="code-node-tab-code"
:class="$style.fillHeight"
>
<div
ref="codeNodeEditorRef"
:class="['ph-no-capture', 'code-editor-tabs', $style.editorInput]"
:class="['ph-no-capture', 'code-editor-tabs', $style.editorInput, $style.fillHeight]"
/>
<slot name="suffix" />
</el-tab-pane>
@ -439,6 +441,12 @@ function onAiLoadEnd() {
</style>
<style lang="scss" module>
.tabs {
height: 100%;
display: flex;
flex-direction: column;
}
.code-node-editor-container {
position: relative;
}