mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix pencil bug

Browse source
This commit is contained in:
Mutasem 2022-04-08 17:25:34 +02:00
parent 374579da2a
commit 5e5ab5ada6
1 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
packages/editor-ui/src/components/NodeTitle.vue
View file

@ -18,7 +18,9 @@
</div> </div>
<div slot="reference" :class="{[$style.title]: true, [$style.hoverable]: !readOnly}"> <div slot="reference" :class="{[$style.title]: true, [$style.hoverable]: !readOnly}">
{{ value }} {{ value }}
<font-awesome-icon :class="$style.editIcon" icon="pencil-alt" v-if="!readOnly" /> <div :class="$style.editIconContainer">
<font-awesome-icon :class="$style.editIcon" icon="pencil-alt" v-if="!readOnly" />
</div>
</div> </div>
</el-popover> </el-popover>
</span> </span>
@ -75,19 +77,15 @@ export default Vue.extend({
line-height: var(--font-line-height-compact); line-height: var(--font-line-height-compact);
overflow-wrap: anywhere; overflow-wrap: anywhere;
padding-right: var(--spacing-s); padding-right: var(--spacing-s);
overflow: hidden;
} }
.title { .title {
max-height: 100px; max-height: 100px;
display: -webkit-box; display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 5; -webkit-line-clamp: 5;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
color: var(--color-text-dark); color: var(--color-text-dark);
> *:first-child {
padding-right: var(--spacing-3xs);
}
} }
.hoverable { .hoverable {
@ -106,8 +104,16 @@ export default Vue.extend({
.editIcon { .editIcon {
display: none; display: none;
font-size: var(--font-size-l); font-size: var(--font-size-xs);
color: var(--color-text-base); color: var(--color-text-base);
position: absolute;
bottom: 0;
}
.editIconContainer {
display: inline-block;
position: relative;
width: 0;
} }
.editButtons { .editButtons {