SILVER/NODEDC_DESIGN_GUIDELINE
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Build Module Studio application composition

Browse Source
This commit is contained in:
DCCONSTRUCTIONS
2026-07-11 21:37:20 +03:00
parent d3e2859ca1
commit 50718a33a1
22 changed files with 2243 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui-core/styles.css
+71 -3
View File
@@ -1411,9 +1411,6 @@ textarea.nodedc-field__control {
}
.nodedc-admin-panel__close {
position: absolute;
top: 5px;
right: 5px;
display: grid;
width: 2.92rem;
height: 2.92rem;
@@ -1426,6 +1423,33 @@ textarea.nodedc-field__control {
cursor: pointer;
}
.nodedc-admin-panel__head-actions {
position: absolute;
top: 5px;
right: 5px;
display: flex;
align-items: center;
gap: 0.35rem;
}
.nodedc-admin-panel__head-actions > .nodedc-icon-button {
width: 2.92rem;
height: 2.92rem;
flex-basis: 2.92rem;
}
.nodedc-admin-panel__context-slot {
display: grid;
width: calc(100% + 2.2rem);
margin-inline: -1.1rem;
gap: 0.48rem;
}
.nodedc-admin-panel__context-slot .nodedc-select-anchor,
.nodedc-admin-panel__context-slot .nodedc-select-trigger {
width: 100%;
}
.nodedc-admin-panel__close:hover {
border-color: var(--nodedc-panel-action-border-hover);
background: var(--nodedc-glass-control-hover);
@@ -1625,6 +1649,50 @@ textarea.nodedc-field__control {
color: var(--nodedc-panel-active-icon-color);
}
.nodedc-admin-panel__sortable-nav {
display: grid;
gap: 0.22rem;
}
.nodedc-admin-panel__sortable-row {
position: relative;
}
.nodedc-admin-panel__sortable-row .nodedc-admin-panel__nav-item {
padding-right: 3rem;
}
.nodedc-admin-panel__sortable-row > .nodedc-drag-handle {
position: absolute;
top: 50%;
right: 0.72rem;
z-index: 2;
transform: translateY(-50%);
}
.nodedc-drag-handle {
display: inline-grid;
width: 2rem;
height: 2rem;
flex: 0 0 2rem;
place-items: center;
border: 0;
border-radius: var(--nodedc-radius-circle);
background: transparent;
color: var(--nodedc-text-muted);
padding: 0;
cursor: grab;
touch-action: none;
}
.nodedc-drag-handle:hover {
background: var(--nodedc-glass-control-hover);
color: var(--nodedc-text-primary);
}
.nodedc-drag-handle:active { cursor: grabbing; }
.nodedc-drag-handle svg { fill: currentColor; }
.nodedc-admin-panel__footer {
width: calc(100% + 2.2rem);
margin-inline: -1.1rem;