github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-04-25 03:00:53 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix input-code height in form-field-raw-editor (#16135)

Browse Source 
* Fix input-code height in form-field-raw-editor

* update test snapshot due to scoped css

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
This commit is contained in:
Azri Kahar
2022-10-25 00:32:59 +08:00
committed by GitHub
parent 92466dd2a9
commit 8850aec88f
2 changed files with 19 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/src/components/v-form/__snapshots__/form-field-raw-editor.test.ts.snap
View File

@@ -1,15 +1,15 @@
// Vitest Snapshot v1
exports[`should render 1`] = `
"<v-dialog model-value=\\"true\\" persistent=\\"\\">
<v-card>
<v-card-title>edit_raw_value</v-card-title>
<v-card-text>
<interface-system-raw-editor type=\\"undefined\\" disabled=\\"false\\" language=\\"plaintext\\" placeholder=\\"enter_raw_value\\"></interface-system-raw-editor>
"<v-dialog model-value=\\"true\\" persistent=\\"\\" data-v-33a4ea83=\\"\\">
<v-card data-v-33a4ea83=\\"\\">
<v-card-title data-v-33a4ea83=\\"\\">edit_raw_value</v-card-title>
<v-card-text data-v-33a4ea83=\\"\\">
<interface-system-raw-editor type=\\"undefined\\" disabled=\\"false\\" language=\\"plaintext\\" placeholder=\\"enter_raw_value\\" data-v-33a4ea83=\\"\\"></interface-system-raw-editor>
</v-card-text>
<v-card-actions>
<v-button secondary=\\"\\">cancel</v-button>
<v-button>done</v-button>
<v-card-actions data-v-33a4ea83=\\"\\">
<v-button secondary=\\"\\" data-v-33a4ea83=\\"\\">cancel</v-button>
<v-button data-v-33a4ea83=\\"\\">done</v-button>
</v-card-actions>
</v-card>
</v-dialog>"

11
app/src/components/v-form/form-field-raw-editor.vue
View File

@@ -97,3 +97,14 @@ const setRawValue = () => {
}
};
</script>
<style lang="scss" scoped>
.v-card-text {
.input-code {
:deep(.CodeMirror),
:deep(.CodeMirror-scroll) {
max-height: var(--input-height-tall);
}
}
}
</style>