mirror of
https://github.com/n8n-io/n8n.git
synced 2025-03-05 20:50:17 -08:00
apply select to all lines
This commit is contained in:
parent
9f67d2f116
commit
9a9e554e9b
|
@ -1,6 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="node-wrapper" :style="nodePosition">
|
<div class="node-wrapper" :style="nodePosition">
|
||||||
<div :class="{'selected': true, 'has-subtitles': !!nodeSubtitle}" v-show="isSelected"></div>
|
|
||||||
<div class="node-default" :data-name="data.name" :ref="data.name" :style="nodeStyle" :class="nodeClass" @dblclick="setNodeActive" @click.left="mouseLeftClick" v-touch:start="touchStart" v-touch:end="touchEnd">
|
<div class="node-default" :data-name="data.name" :ref="data.name" :style="nodeStyle" :class="nodeClass" @dblclick="setNodeActive" @click.left="mouseLeftClick" v-touch:start="touchStart" v-touch:end="touchEnd">
|
||||||
<div v-if="hasIssues" class="node-info-icon node-issues">
|
<div v-if="hasIssues" class="node-info-icon node-issues">
|
||||||
<n8n-tooltip placement="top" >
|
<n8n-tooltip placement="top" >
|
||||||
|
@ -43,12 +42,14 @@
|
||||||
|
|
||||||
<NodeIcon class="node-icon" :nodeType="nodeType" :size="40" :shrink="false" :disabled="this.data.disabled"/>
|
<NodeIcon class="node-icon" :nodeType="nodeType" :size="40" :shrink="false" :disabled="this.data.disabled"/>
|
||||||
</div>
|
</div>
|
||||||
<div :class="{'node-description': true, 'limited': isSelected}">
|
<div :class="{'selected': isSelected, 'desc': true}">
|
||||||
<div class="node-name" :title="data.name">
|
<div class="node-description">
|
||||||
<p>{{data.name}}</p>
|
<div class="node-name" :title="data.name">
|
||||||
</div>
|
<p>{{data.name}}</p>
|
||||||
<div v-if="nodeSubtitle !== undefined" class="node-subtitle" :title="nodeSubtitle">
|
</div>
|
||||||
{{nodeSubtitle}}
|
<div v-if="nodeSubtitle !== undefined" class="node-subtitle" :title="nodeSubtitle">
|
||||||
|
{{nodeSubtitle}}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -262,17 +263,9 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
|
||||||
|
|
||||||
.node-description {
|
.node-description {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
position: absolute;
|
|
||||||
bottom: -55px;
|
|
||||||
left: -50px;
|
|
||||||
width: 200px;
|
|
||||||
height: 50px;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
|
padding: 8px;
|
||||||
&.limited {
|
|
||||||
padding: 0 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.node-name {
|
.node-name {
|
||||||
> p { // must be paragraph tag to have two lines in safari
|
> p { // must be paragraph tag to have two lines in safari
|
||||||
|
@ -423,20 +416,28 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
|
||||||
}
|
}
|
||||||
|
|
||||||
.selected {
|
.selected {
|
||||||
content: ' ';
|
|
||||||
display: block;
|
display: block;
|
||||||
|
background-color: rgb(219, 223, 231, .5);
|
||||||
|
// background-color: hsla(var(--color-foreground-base-h), var(--color-foreground-base-s), var(--color-foreground-base-l, 50%));
|
||||||
|
border-radius: var(--border-radius-xlarge);
|
||||||
|
overflow: hidden;
|
||||||
|
left: -8px !important;
|
||||||
|
overflow: hidden;
|
||||||
|
width: 116px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.desc {
|
||||||
|
width: 200px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -8px;
|
top: -8px;
|
||||||
left: -8px;
|
left: -50px;
|
||||||
background-color: hsla(var(--color-foreground-base-h), var(--color-foreground-base-s), var(--color-foreground-base-l, 50%));
|
overflow: visible;
|
||||||
height: 144px;
|
|
||||||
width: 116px;
|
|
||||||
border-radius: var(--border-radius-xlarge);
|
|
||||||
opacity: 0.8;
|
|
||||||
z-index: 0;
|
|
||||||
|
|
||||||
&.has-subtitles {
|
&:before {
|
||||||
height: 162px;
|
content: ' ';
|
||||||
|
height: 100px;
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue