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

Rudimentary creating of nodes

Browse source
This commit is contained in:
Magnus Åhall 2025-07-03 21:53:09 +02:00
parent 08fd2cf4e9
commit c0255fadb8
7 changed files with 363 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

73
static/less/main.less
View file

@ -26,10 +26,7 @@ body {
cursor: pointer;
}
.section {
background-color: #fff;
padding: 32px;
border-radius: 8px;
.page {
display: none;
&.show {
@ -37,6 +34,12 @@ body {
}
}
.section {
background-color: #fff;
padding: 32px;
border-radius: 8px;
}
#layout {
display: grid;
grid-template-areas:
@ -54,7 +57,7 @@ body {
grid-gap: 16px;
align-items: center;
&.section {
&.page {
display: grid;
padding: 16px 32px;
}
@ -83,6 +86,8 @@ body {
#editor-node {
grid-area: details;
display: grid;
grid-gap: 16px;
}
#types {
@ -134,6 +139,16 @@ body {
height: 24px;
}
&.selected {
& > .name {
color: #a02c2c;
}
& > .type-icon {
filter: invert(.7) sepia(.5) hue-rotate(0deg) saturate(750%) brightness(0.85) !important;
}
}
&.expanded {
&>.children {
display: block;
@ -160,7 +175,7 @@ body {
padding-right: 4px;
img {
filter: invert(.7) sepia(.5) hue-rotate(50deg) saturate(300%) brightness(0.85) !important;
filter: invert(.7) sepia(.5) hue-rotate(50deg) saturate(300%) brightness(0.85);
}
}
@ -176,11 +191,45 @@ body {
border-left: 1px solid #ccc;
padding-left: 12px;
margin-left: 19px;
/*
&.expanded {
display: block;
}
*/
}
}
select {
font-size: 1em;
border: 1px solid #bcc3ce;
background: #fff;
color: #444;
padding: 4px;
optgroup {
color: #a22;
}
}
datalist {
div:before {
display: block;
content: 'group';
font-weight: bold;
}
}
dialog#create-type {
min-width: 400px;
& > div {
display: grid;
grid-gap: 8px;
}
}
dialog::backdrop {
background-color: rgba(0, 0, 0, 0.75);
}
select:focus {
outline: 2px solid #888;
outline-offset: -2px;
}