magnus/datagraph
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases 3 Packages Wiki Activity Actions

Connected nodes

Browse source
This commit is contained in:
Magnus Åhall 2025-07-08 20:14:28 +02:00
parent dff17cad5b
commit 2b8472bcd1
6 changed files with 280 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

54
static/css/main.css
View file

@ -30,6 +30,9 @@ body {
[onClick] {
cursor: pointer;
}
button {
padding: 4px 8px;
}
.page {
display: none;
}
@ -199,10 +202,16 @@ select:focus {
outline-offset: -2px;
}
#connected-nodes > .label {
margin-bottom: 16px;
color: var(--section-color);
font-weight: bold;
font-size: 1.25em;
margin-bottom: 8px;
}
#connected-nodes > .add {
margin-bottom: 8px;
}
#connected-nodes > .add img {
height: 24px;
}
#connected-nodes .connected-nodes {
display: flex;
@ -224,3 +233,46 @@ select:focus {
display: block;
height: 24px;
}
#select-node {
padding: 32px;
display: grid;
grid-template-columns: min-content;
grid-gap: 8px;
justify-items: start;
}
#select-node > * {
min-width: 300px;
width: 100%;
}
#select-node button {
width: 100px !important;
}
#select-node .more-exist {
color: #a44;
}
#select-node .search-results .node-table {
display: flex;
align-items: start;
gap: 32px;
}
#select-node .search-results .node-table .group {
margin-top: 16px;
}
#select-node .search-results .node-table .group .label {
font-weight: bold;
color: var(--section-color);
margin-bottom: 8px;
white-space: nowrap;
}
#select-node .search-results .node-table .group .children {
display: grid;
grid-template-columns: min-content 1fr;
grid-gap: 8px;
}
#select-node .search-results .node-table .group .children .node {
cursor: pointer;
}
#select-node .search-results .node-table .group .children img {
cursor: pointer;
height: 24px;
}