Add parameter hints for node parameters N8N-2841 (#2704)

* 🔨 base functionality done

* :fix: changes accordingly to review

* :fix: replaced div with n8n-text

* :fix: return wrong deleted color variable

* add mock examples for testing

* add slack node test param

* 🔨 changed font size of hint, added top margin

* 🔨 updated comments and function name

* 🔨 updated parameterHint to hint

* 🔨 updated text color, set compact to true, changed inputLabelHint to hint

* 🔨 updated components styles

* 🔨 replaced mini with xsmall

* :fix: fixed line height

* :fix: changed line height to 1.25

* :hummer: removed mock data

* 🔨 changed xsmall line-height

*  update to merge hint

Co-authored-by: Mutasem <mutdmour@gmail.com>
This commit is contained in:
Michael Kret
2022-01-28 08:55:25 +02:00
committed by GitHub
parent 9639742cc6
commit 6d6f3acd97
9 changed files with 88 additions and 2 deletions

View File

@@ -16,7 +16,7 @@ export default Vue.extend({
size: {
type: String,
default: 'medium',
validator: (value: string): boolean => ['mini', 'small', 'medium', 'large', 'xlarge'].includes(value),
validator: (value: string): boolean => ['xsmall', 'mini', 'small', 'medium', 'large', 'xlarge'].includes(value),
},
color: {
type: String,
@@ -122,4 +122,19 @@ export default Vue.extend({
composes: body-small;
}
.body-xsmall {
font-size: var(--font-size-3xs);
line-height: var(--font-line-height-compact);
}
.body-xsmall-regular {
composes: regular;
composes: body-xsmall;
}
.body-xsmall-bold {
composes: bold;
composes: body-xsmall;
}
</style>