admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-17 18:12:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Mutasem Aldmour
2022-08-02 17:21:21 +02:00
committed by GitHub
parent f0dddaa2a5
commit 0f27be4447
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/design-system/src/components/N8nInputLabel/InputLabel.vue
View File

@@ -1,12 +1,13 @@
<template> <template>
<div :class="$style.container"> <div :class="$style.container">
<div :class="{ <div v-if="label || $slots.options" :class="{
[this.$style.label]: !!this.label, [this.$style.heading]: !!this.label,
[this.$style.underline]: this.underline, [this.$style.underline]: this.underline,
[this.$style[this.size]]: true, [this.$style[this.size]]: true,
[$style.overflow]: !!$slots.options,
}"> }">
<div :class="$style.title" v-if="label"> <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 }} {{ label }}
<n8n-text color="primary" :bold="bold" :size="size" v-if="required">*</n8n-text> <n8n-text color="primary" :bold="bold" :size="size" v-if="required">*</n8n-text>
</n8n-text> </n8n-text>
@@ -153,8 +154,11 @@ export default {
opacity: 1; opacity: 1;
} }
.label { .heading {
display: flex; display: flex;
}
.overflow {
overflow-x: hidden; overflow-x: hidden;
overflow-y: clip; overflow-y: clip;
} }