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

This commit is contained in:
Mutasem Aldmour
2022-08-02 17:21:21 +02:00
committed by GitHub
parent f0dddaa2a5
commit 0f27be4447

View File

@@ -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;
}