fix(editor): Fix modal overflow when AI is enabled in code node (#10887)

This commit is contained in:
Elias Meire 2024-09-23 15:30:09 +02:00 committed by GitHub
parent 8ac661ee98
commit f9f303f562
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

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