pepperplus/pepperplus-ui
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: modified css styling for nodes to have different colors per type

Browse Source 
updated the nodes to have a different colour per NodeType, so it is easier to see what nodes are of what type in the graph.

ref: N25B-114
This commit is contained in:
JGerla
2025-10-02 12:43:44 +02:00
parent 7780878447
commit 70ebb16359
3 changed files with 44 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/visualProgrammingUI/VisProgUI.css
View File

@@ -1,7 +1,39 @@
.default-node {
padding: 10px 20px;
padding: 10px 15px;
background-color: white;
outline-style: solid;
border-radius: 5pt;
outline-width: 1pt;
outline: black solid 2pt;
filter: drop-shadow(0 0 0.75rem black);
}
.default-node__norm {
padding: 10px 15px;
background-color: white;
border-radius: 5pt;
outline: forestgreen solid 2pt;
filter: drop-shadow(0 0 0.25rem forestgreen);
}
.default-node__phase {
padding: 10px 15px;
background-color: white;
border-radius: 5pt;
outline: dodgerblue solid 2pt;
filter: drop-shadow(0 0 0.25rem dodgerblue);
}
.default-node__start {
padding: 10px 15px;
background-color: white;
border-radius: 5pt;
outline: orange solid 2pt;
filter: drop-shadow(0 0 0.25rem orange);
}
.default-node__end {
padding: 10px 15px;
background-color: white;
border-radius: 5pt;
outline: red solid 2pt;
filter: drop-shadow(0 0 0.25rem red);
}