Hooking
This commit is contained in:
parent
38eef01e34
commit
df4cee56af
7 changed files with 292 additions and 74 deletions
|
|
@ -284,17 +284,19 @@ select:focus {
|
|||
|
||||
#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;
|
||||
|
||||
& > .add {
|
||||
margin-bottom: 8px;
|
||||
img {
|
||||
& > img.add {
|
||||
height: 24px;
|
||||
cursor: pointer;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -337,19 +339,21 @@ select:focus {
|
|||
}
|
||||
|
||||
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;
|
||||
|
||||
div {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.script-icon {
|
||||
margin-right: 4px;
|
||||
.script-group {
|
||||
grid-column: 1 / -1;
|
||||
font-weight: bold;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.script-icon, .script-unhook {
|
||||
.script-unhook {
|
||||
img {
|
||||
display: block;
|
||||
height: 24px;
|
||||
|
|
@ -365,19 +369,21 @@ select:focus {
|
|||
}
|
||||
}
|
||||
|
||||
& > .add {
|
||||
margin-bottom: 8px;
|
||||
img {
|
||||
height: 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
& > .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;
|
||||
|
||||
img.add {
|
||||
height: 24px;
|
||||
cursor: pointer;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -394,6 +400,11 @@ select:focus {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.label {
|
||||
font-weight: bold;
|
||||
color: var(--section-color);
|
||||
}
|
||||
|
||||
button {
|
||||
width: 100px !important;
|
||||
}
|
||||
|
|
@ -589,3 +600,26 @@ dialog#connection-data {
|
|||
margin-top: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
#script-select-dialog {
|
||||
display: grid;
|
||||
grid-gap: 8px;
|
||||
padding: 32px;
|
||||
|
||||
& > .header {
|
||||
font-weight: bold;
|
||||
color: var(--section-color);
|
||||
}
|
||||
|
||||
.scripts {
|
||||
.group {
|
||||
font-weight: bold;
|
||||
color: var(--section-color);
|
||||
margin-top: 16px;
|
||||
}
|
||||
.script {
|
||||
cursor: pointer;
|
||||
margin-top: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue