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

feat(ui): add measured linear progress to resource rows

Browse Source
This commit is contained in:
Codex
2026-09-05 23:19:36 +03:00
parent 8a79dfe84d
commit 17e150b1c7
10 changed files with 121 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui-core/styles.css
+15
View File
@@ -3796,3 +3796,18 @@ textarea.nodedc-field__control {
}
[data-nodedc-theme="light"] :is(.nodedc-header__brand, .nodedc-header__workspace)[data-monochrome="true"] img { filter: brightness(0); }
/* Owner-admitted linear progress in the shared resource row. */
.nodedc-progress-bar { min-width: 3rem; height: var(--nodedc-space-2); overflow: hidden; border-radius: var(--nodedc-radius-circle); background: var(--nodedc-glass-control-bg); }
.nodedc-progress-bar__fill { display: block; width: 100%; height: 100%; background: var(--nodedc-text-secondary); border-radius: inherit; transform: scaleX(var(--nodedc-progress-fraction)); transform-origin: left; transition: transform var(--nodedc-duration-normal) var(--nodedc-ease-standard); }
.nodedc-progress-bar[data-indeterminate] > .nodedc-progress-bar__fill { width: 35%; animation: nodedc-progress-travel 1.5s ease-in-out infinite alternate; }
@keyframes nodedc-progress-travel { from { transform: translateX(-100%); } to { transform: translateX(285%); } }
.nodedc-resource-row--progress > .nodedc-resource-row__copy { flex: 0 1 35%; }
.nodedc-resource-row--progress > .nodedc-progress-bar { flex: 1; }
@media (max-width: 40rem) {
.nodedc-resource-row--progress > .nodedc-resource-row__copy { flex-basis: calc(100% - 3rem); }
}
@media (prefers-reduced-motion: reduce) {
.nodedc-progress-bar__fill { transition: none; }
.nodedc-progress-bar[data-indeterminate] > .nodedc-progress-bar__fill { animation: none; width: 100%; transform: scaleX(0.5); }
}