59a38a3a12
moved the draggable node collection inside the editor and attached it to a panel component inside the editor. also modified the css by creating seperate classes for the draggable nodes inside the ui element ref: N25B-114
79 lines
1.8 KiB
CSS
79 lines
1.8 KiB
CSS
.default-node {
|
|
padding: 10px 15px;
|
|
background-color: canvas;
|
|
border-radius: 5pt;
|
|
outline: black solid 2pt;
|
|
filter: drop-shadow(0 0 0.75rem black);
|
|
}
|
|
|
|
.default-node__norm {
|
|
padding: 10px 15px;
|
|
background-color: canvas;
|
|
border-radius: 5pt;
|
|
outline: forestgreen solid 2pt;
|
|
filter: drop-shadow(0 0 0.25rem forestgreen);
|
|
}
|
|
|
|
.default-node__phase {
|
|
padding: 10px 15px;
|
|
background-color: canvas;
|
|
border-radius: 5pt;
|
|
outline: dodgerblue solid 2pt;
|
|
filter: drop-shadow(0 0 0.25rem dodgerblue);
|
|
}
|
|
|
|
.default-node__start {
|
|
padding: 10px 15px;
|
|
background-color: canvas;
|
|
border-radius: 5pt;
|
|
outline: orange solid 2pt;
|
|
filter: drop-shadow(0 0 0.25rem orange);
|
|
}
|
|
|
|
.default-node__end {
|
|
padding: 10px 15px;
|
|
background-color: canvas;
|
|
border-radius: 5pt;
|
|
outline: red solid 2pt;
|
|
filter: drop-shadow(0 0 0.25rem red);
|
|
}
|
|
|
|
.draggable-node {
|
|
padding: 3px 10px;
|
|
background-color: canvas;
|
|
border-radius: 5pt;
|
|
outline: black solid 2pt;
|
|
filter: drop-shadow(0 0 0.75rem black);
|
|
}
|
|
|
|
.draggable-node__norm {
|
|
padding: 3px 10px;
|
|
background-color: canvas;
|
|
border-radius: 5pt;
|
|
outline: forestgreen solid 2pt;
|
|
filter: drop-shadow(0 0 0.25rem forestgreen);
|
|
}
|
|
|
|
.draggable-node__phase {
|
|
padding: 3px 10px;
|
|
background-color: canvas;
|
|
border-radius: 5pt;
|
|
outline: dodgerblue solid 2pt;
|
|
filter: drop-shadow(0 0 0.25rem dodgerblue);
|
|
}
|
|
|
|
.draggable-node__start {
|
|
padding: 3px 10px;
|
|
background-color: canvas;
|
|
border-radius: 5pt;
|
|
outline: orange solid 2pt;
|
|
filter: drop-shadow(0 0 0.25rem orange);
|
|
}
|
|
|
|
.draggable-node__end {
|
|
padding: 3px 10px;
|
|
background-color: canvas;
|
|
border-radius: 5pt;
|
|
outline: red solid 2pt;
|
|
filter: drop-shadow(0 0 0.25rem red);
|
|
} |