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

Hooking

Browse source
This commit is contained in:
Magnus Åhall 2025-08-07 19:25:05 +02:00
parent 38eef01e34
commit df4cee56af
7 changed files with 292 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

59
static/css/main.css
View file

@ -210,17 +210,18 @@ select:focus {
outline-offset: -2px;
}
#connected-nodes > .label {
display: grid;
grid-template-columns: min-content min-content;
align-items: center;
color: var(--section-color);
font-weight: bold;
font-size: 1.25em;
margin-bottom: 8px;
margin-bottom: 16px;
}
#connected-nodes > .add {
margin-bottom: 8px;
}
#connected-nodes > .add img {
#connected-nodes > .label > img.add {
height: 24px;
cursor: pointer;
margin-left: 8px;
}
#connected-nodes .connected-nodes {
display: flex;
@ -248,9 +249,9 @@ select:focus {
}
#script-hooks .scripts-grid {
display: grid;
grid-template-columns: repeat(4, min-content);
grid-template-columns: repeat(3, min-content);
align-items: center;
grid-gap: 4px 0px;
grid-gap: 2px 0px;
}
#script-hooks .scripts-grid .header {
font-weight: bold;
@ -259,10 +260,11 @@ select:focus {
#script-hooks .scripts-grid div {
white-space: nowrap;
}
#script-hooks .scripts-grid .script-icon {
margin-right: 4px;
#script-hooks .scripts-grid .script-group {
grid-column: 1 / -1;
font-weight: bold;
margin-top: 8px;
}
#script-hooks .scripts-grid .script-icon img,
#script-hooks .scripts-grid .script-unhook img {
display: block;
height: 24px;
@ -274,19 +276,20 @@ select:focus {
#script-hooks .scripts-grid .script-ssh {
cursor: pointer;
}
#script-hooks > .add {
margin-bottom: 8px;
}
#script-hooks > .add img {
height: 24px;
cursor: pointer;
}
#script-hooks > .label {
display: grid;
grid-template-columns: min-content min-content;
align-items: center;
color: var(--section-color);
font-weight: bold;
font-size: 1.25em;
margin-bottom: 8px;
}
#script-hooks > .label img.add {
height: 24px;
cursor: pointer;
margin-left: 8px;
}
#select-node {
padding: 32px;
display: grid;
@ -298,6 +301,10 @@ select:focus {
min-width: 300px;
width: 100%;
}
#select-node .label {
font-weight: bold;
color: var(--section-color);
}
#select-node button {
width: 100px !important;
}
@ -456,3 +463,21 @@ dialog#connection-data div.button {
#editor-script button {
margin-top: 8px;
}
#script-select-dialog {
display: grid;
grid-gap: 8px;
padding: 32px;
}
#script-select-dialog > .header {
font-weight: bold;
color: var(--section-color);
}
#script-select-dialog .scripts .group {
font-weight: bold;
color: var(--section-color);
margin-top: 16px;
}
#script-select-dialog .scripts .script {
cursor: pointer;
margin-top: 4px;
}