diff --git a/changelog/entries/unreleased/feature/improved_the_local_baserow_action_fields_so_that_they_inform.json b/changelog/entries/unreleased/feature/improved_the_local_baserow_action_fields_so_that_they_inform.json new file mode 100644 index 0000000000..81bb258b69 --- /dev/null +++ b/changelog/entries/unreleased/feature/improved_the_local_baserow_action_fields_so_that_they_inform.json @@ -0,0 +1,9 @@ +{ + "type": "feature", + "message": "Improved the Local Baserow action fields so that they inform users about what data type they expect to receive.", + "issue_origin": "github", + "issue_number": null, + "domain": "integration", + "bullet_points": [], + "created_at": "2025-11-26" +} \ No newline at end of file diff --git a/web-frontend/modules/core/assets/scss/components/formula_input_field.scss b/web-frontend/modules/core/assets/scss/components/formula_input_field.scss index 1b3c5a2a9c..38082897e4 100644 --- a/web-frontend/modules/core/assets/scss/components/formula_input_field.scss +++ b/web-frontend/modules/core/assets/scss/components/formula_input_field.scss @@ -40,8 +40,8 @@ } /* stylelint-disable-next-line selector-class-pattern */ -.ProseMirror div.is-editor-empty:first-child::before { - content: attr(data-placeholder); +.formula-input-field--formula-empty .ProseMirror div:first-child::before { + content: var(--formula-placeholder); float: left; color: $palette-neutral-500; pointer-events: none; diff --git a/web-frontend/modules/core/components/FormGroup.vue b/web-frontend/modules/core/components/FormGroup.vue index ddd1236140..ed3947602f 100644 --- a/web-frontend/modules/core/components/FormGroup.vue +++ b/web-frontend/modules/core/components/FormGroup.vue @@ -116,7 +116,7 @@ export default { default: null, }, /** - * Wether the label should be displayed as a small label. + * Whether the label should be displayed as a small label. */ smallLabel: { type: Boolean, @@ -149,7 +149,7 @@ export default { default: false, }, /** - * Whether the label is required. (if false that will diplay an 'optional' label) + * Whether the label is required. (if false that will display an 'optional' label) */ required: { type: Boolean, diff --git a/web-frontend/modules/core/components/formula/FormulaInputField.vue b/web-frontend/modules/core/components/formula/FormulaInputField.vue index 6b7a2df0a6..cd3a4cb84e 100644 --- a/web-frontend/modules/core/components/formula/FormulaInputField.vue +++ b/web-frontend/modules/core/components/formula/FormulaInputField.vue @@ -9,6 +9,7 @@ role="textbox" :class="classes" :editor="editor" + :style="{ '--formula-placeholder': `'${placeholder}'` }" @data-node-clicked="dataNodeClicked" /> @@ -39,7 +40,6 @@