feat: Fix checkbox line height and make checkbox label clickable (#4818)

* fix: Update checkbox design and make checkbox label clickable

* fix: Remove checkbox ids

* chore: remove unused imports
This commit is contained in:
Alex Grozav
2022-12-05 14:48:56 +02:00
committed by GitHub
parent af6ac42aa3
commit 1b7952a516
2 changed files with 21 additions and 3 deletions

View File

@@ -1,5 +1,5 @@
<template>
<div :class="$style.container">
<div :class="$style.container" v-on="$listeners">
<label
v-if="label || $slots.options"
:for="inputName"
@@ -12,7 +12,7 @@
}"
>
<div :class="$style.title" v-if="label">
<n8n-text :bold="bold" :size="size" :compact="!underline && !$slots.options" :color="color">
<n8n-text :bold="bold" :size="size" :compact="compact" :color="color">
{{ label }}
<n8n-text color="primary" :bold="bold" :size="size" v-if="required">*</n8n-text>
</n8n-text>
@@ -57,6 +57,10 @@ export default Vue.extend({
N8nTooltip,
},
props: {
compact: {
type: Boolean,
default: false,
},
color: {
type: String,
},