Foundry/configurable-reactions
1
0
Fork 0
Code Issues Actions Releases Activity

Migrate Options to Settings and integrate GUI Builder

Browse Source
This commit is contained in:
ChatGPT
2026-06-04 19:08:47 +02:00
parent 343a9eaf56
commit 3c25080666
9 changed files with 571 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/configurable-reactions.css
+101 -5
View File
@@ -15,7 +15,7 @@
.configurable-reactions .cr-grid {
display: grid;
grid-template-columns: 280px 1fr;
grid-template-columns: 310px 1fr;
gap: 1rem;
min-height: 0;
height: 100%;
@@ -34,6 +34,101 @@
margin: 0.75rem 0;
}
.configurable-reactions .cr-palette {
display: grid;
grid-template-columns: 1fr;
gap: 0.35rem;
margin-bottom: 0.75rem;
}
.configurable-reactions .cr-palette-tile,
.configurable-reactions .cr-flow-node {
display: grid;
grid-template-columns: 2rem 1fr auto;
align-items: center;
gap: 0.5rem;
border: 1px solid var(--color-border-light-tertiary, #888);
border-radius: 6px;
padding: 0.45rem;
background: rgb(0 0 0 / 0.08);
}
.configurable-reactions .cr-palette-tile {
cursor: grab;
grid-template-columns: 2rem 1fr;
}
.configurable-reactions .cr-palette-tile:active {
cursor: grabbing;
}
.configurable-reactions .cr-palette-tile i,
.configurable-reactions .cr-flow-node > i {
text-align: center;
font-size: 1.25rem;
}
.configurable-reactions .cr-palette-tile span,
.configurable-reactions .cr-flow-node strong,
.configurable-reactions .cr-flow-node small,
.configurable-reactions .cr-flow-node code {
display: block;
}
.configurable-reactions .cr-palette-tile code,
.configurable-reactions .cr-flow-node code {
opacity: 0.75;
font-size: 0.75rem;
overflow-wrap: anywhere;
}
.configurable-reactions .cr-builder-grid {
display: grid;
grid-template-columns: 1fr 1.35fr;
gap: 0.75rem;
margin-bottom: 0.75rem;
}
.configurable-reactions .cr-card,
.configurable-reactions .cr-drop-card,
.configurable-reactions .cr-reaction-summary {
border: 1px solid var(--color-border-light-tertiary, #888);
border-radius: 6px;
padding: 0.65rem;
background: rgb(0 0 0 / 0.04);
}
.configurable-reactions .cr-basics {
display: grid;
grid-template-columns: 1fr auto auto;
align-items: end;
gap: 0.75rem;
margin-bottom: 0.75rem;
}
.configurable-reactions .cr-drop-card {
min-height: 170px;
transition: outline-color 0.15s ease, background-color 0.15s ease;
}
.configurable-reactions .cr-drop-active {
outline: 2px dashed var(--color-border-highlight, #ff6400);
background: rgb(255 100 0 / 0.12);
}
.configurable-reactions .cr-empty-drop {
display: flex;
align-items: center;
justify-content: center;
min-height: 90px;
border: 1px dashed var(--color-border-light-tertiary, #888);
border-radius: 6px;
opacity: 0.8;
text-align: center;
padding: 0.75rem;
}
.configurable-reactions .cr-action-flow,
.configurable-reactions .cr-assignment-list {
display: flex;
flex-direction: column;
@@ -43,6 +138,10 @@
list-style: none;
}
.configurable-reactions .cr-action-node {
grid-template-columns: 2rem 1fr 2rem;
}
.configurable-reactions .cr-assignment-list li {
display: flex;
align-items: center;
@@ -60,15 +159,12 @@
.configurable-reactions .cr-main textarea[name="reactionJson"] {
width: 100%;
min-height: 430px;
min-height: 340px;
font-family: var(--font-monospace, monospace);
resize: vertical;
}
.configurable-reactions .cr-reaction-summary {
border: 1px solid var(--color-border-light-tertiary, #888);
border-radius: 4px;
padding: 0.5rem;
margin-bottom: 0.75rem;
}