Skip to content

Commit

Permalink
Merge pull request #566 from Gencaster/560-start-node-shouldnt-have-a…
Browse files Browse the repository at this point in the history
…n-input-node

560 start node shouldnt have an input node - update
  • Loading branch information
vin-ni authored Sep 14, 2023
2 parents 5938327 + 1441fa3 commit 6ff33c7
Show file tree
Hide file tree
Showing 2 changed files with 45 additions and 40 deletions.
9 changes: 0 additions & 9 deletions caster-editor/src/assets/scss/_vueflow.scss
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,3 @@
.vue-flow__pane.draggable {
cursor: move !important;
}

.gencaster-default-node {
background-color: $white;
border: 1px solid $mainBlack;

&.selected {
box-shadow: 0px 0px 7px 0px $green-light;
}
}
76 changes: 45 additions & 31 deletions caster-editor/src/components/FlowNodeDefault.vue
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ onMounted(() => {
<template>
<div
class="gencaster-default-node"
:class="{ selected: selected }"
:class="{ selected: selected, entry: data.isEntryNode }"
>
<div class="title">
<p>
Expand All @@ -31,10 +31,7 @@ onMounted(() => {
</div>

<div class="nodes">
<div
v-if="!data.isEntryNode"
class="in-nodes"
>
<div class="in-nodes">
<div
v-for="(inDoor, index) in data.inNodeDoors"
:key="inDoor.uuid"
Expand Down Expand Up @@ -88,42 +85,59 @@ onMounted(() => {
width: $nodeDefaultWidth;
display: flex;
flex-direction: column;
background-color: $white;
border: 1px solid $mainBlack;
border-radius: 2px;
overflow: hidden;
.title {
background-color: $grey-light;
height: 24px;
padding: 2px 8px 0 8px;
margin: 0;
}
}
.handle {
width: 12px;
height: 12px;
border-radius: 12px;
border: 1px solid $mainBlack;
background-color: $grey-light;
}
&.selected {
box-shadow: 0px 0px 7px 0px $green-light;
}
.out-nodes {
display: flex;
flex-direction: column;
justify-content: space-around;
width: 100px;
margin-bottom: 12px;
&.entry {
.title {
background-color: $green-light;
height: 24px;
padding: 2px 8px 0 8px;
margin: 0;
}
}
.handle {
width: 12px;
height: 12px;
border-radius: 12px;
border: 1px solid $mainBlack;
background-color: $grey-light;
}
.out-nodes {
display: flex;
flex-direction: column;
justify-content: space-around;
width: 100px;
margin-bottom: 12px;
.out-node {
span {
position: absolute;
text-align: right;
pointer-events: none;
right: 0;
height: 20px;
width: calc($nodeDefaultWidth - 24px);
transform: translateX(-16px) translateY(-5px);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
.out-node {
span {
position: absolute;
text-align: right;
pointer-events: none;
right: 0;
height: 20px;
width: calc($nodeDefaultWidth - 24px);
transform: translateX(-16px) translateY(-5px);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
}
}
}
Expand Down

0 comments on commit 6ff33c7

Please sign in to comment.