fix(editor): Fix label cut off (#3820)

n8n-io · Aug 2, 2022 · 0f27be4 · 0f27be4
1 parent f0dddaa
commit 0f27be4
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/packages/design-system/src/components/N8nInputLabel/InputLabel.vue b/packages/design-system/src/components/N8nInputLabel/InputLabel.vue
@@ -1,12 +1,13 @@
 <template>
 	<div :class="$style.container">
-		<div :class="{
-				[this.$style.label]: !!this.label,
+		<div v-if="label || $slots.options" :class="{
+				[this.$style.heading]: !!this.label,
 				[this.$style.underline]: this.underline,
 				[this.$style[this.size]]: true,
+				[$style.overflow]: !!$slots.options,
 			}">
 			<div :class="$style.title" v-if="label">
-				<n8n-text :bold="bold" :size="size" :compact="!underline">
+				<n8n-text :bold="bold" :size="size" :compact="!underline && !$slots.options">
 					{{ label }}
 					<n8n-text color="primary" :bold="bold" :size="size" v-if="required">*</n8n-text>
 				</n8n-text>
@@ -153,8 +154,11 @@ export default {
 	opacity: 1;
 }
 
-.label {
+.heading {
 	display: flex;
+}
+
+.overflow {
 	overflow-x: hidden;
 	overflow-y: clip;
 }