more realistic organigram

This commit is contained in:
STEINNI
2026-01-13 18:05:36 +00:00
parent 5b01f924fe
commit d0c3155192
2 changed files with 19 additions and 12 deletions
+7 -6
View File
@@ -113,6 +113,7 @@
left: 0;
width: 99%;
background: black;
clip-path: polygon( 0% 100%, 100% 100%, 100% 50%, 0% 50%);
}
.bzgf-node[data-nodetype="database"] [data-direction="n"]{ top: -17px; }
.bzgf-node[data-nodetype="database"] [data-direction="s"]{ bottom: -17px; }
@@ -175,14 +176,14 @@
<template>
<div class="bzgf-node" data-nodetype="start">
<div class="text"></div>
<div class="text">{text}</div>
<div class="port" data-id="out1" data-direction="s"></div>
</div>
</template>
<template>
<div class="bzgf-node" data-nodetype="end">
<div class="text"></div>
<div class="text">{text}</div>
<div class="port" data-id="inp1" data-direction="n"></div>
</div>
</template>
@@ -190,7 +191,7 @@
<template>
<div class="bzgf-node" data-nodetype="condition">
<div class="frame"></div>
<div class="text"></div>
<div class="text">{text}</div>
<div class="port" data-id="inp1" data-direction="n"></div>
<div class="port" data-id="out1" data-direction="w"></div>
<div class="port" data-id="out2" data-direction="s"></div>
@@ -201,7 +202,7 @@
<template>
<div class="bzgf-node" data-nodetype="process">
<div class="dbline"></div>
<div class="text"></div>
<div class="text">{text}</div>
<div class="port" data-id="inout1" data-direction="n"></div>
<div class="port" data-id="inout2" data-direction="s"></div>
<div class="port" data-id="inout3" data-direction="w"></div>
@@ -213,7 +214,7 @@
<div class="bzgf-node" data-nodetype="database">
<div class="top"></div>
<div class="bottom"></div>
<div class="text"></div>
<div class="text">{text}</div>
<div class="port" data-id="inout1" data-direction="n"></div>
<div class="port" data-id="inout2" data-direction="s"></div>
<div class="port" data-id="inout3" data-direction="w"></div>
@@ -225,7 +226,7 @@
<div class="bzgf-node" data-nodetype="preparation">
<div class="outerframe">
<div class="innerframe">
<div class="text"></div>
<div class="text">{text}</div>
</div>
</div>
<div class="port" data-id="inp1" data-direction="n"></div>