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

feat: added basic functionality for editable name bar

Browse Source
This commit is contained in:
Gerla, J. (Justin)
2025-11-11 13:50:45 +00:00
parent 04818f48d4
commit d4d1aecb8c
6 changed files with 298 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/pages/VisProgPage/VisProg.module.css
View File

@@ -19,7 +19,28 @@
.node-text-input {
border: 1px solid transparent;
border-radius: 5pt;
padding: 4px 8px;
outline: none;
background-color: white;
transition: border-color 0.2s, box-shadow 0.2s;
cursor: text;
}
.node-text-input:focus {
border-color: gainsboro;
}
.node-text-input:read-only {
cursor: pointer;
background-color: whitesmoke;
}
.node-text-input:read-only:hover {
border-color: gainsboro;
}
.dnd-panel {
margin-inline-start: auto;
@@ -55,34 +76,22 @@
filter: drop-shadow(0 0 0.75rem black);
}
.default-node-norm {
padding: 10px 15px;
background-color: canvas;
border-radius: 5pt;
.node-norm {
outline: forestgreen solid 2pt;
filter: drop-shadow(0 0 0.25rem forestgreen);
}
.default-node-phase {
padding: 10px 15px;
background-color: canvas;
border-radius: 5pt;
.node-phase {
outline: dodgerblue solid 2pt;
filter: drop-shadow(0 0 0.25rem dodgerblue);
}
.default-node-start {
padding: 10px 15px;
background-color: canvas;
border-radius: 5pt;
.node-start {
outline: orange solid 2pt;
filter: drop-shadow(0 0 0.25rem orange);
}
.default-node-end {
padding: 10px 15px;
background-color: canvas;
border-radius: 5pt;
.node-end {
outline: red solid 2pt;
filter: drop-shadow(0 0 0.25rem red);
}