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

feat(ui): add momentary keyboard control surface

Browse Source
This commit is contained in:
Codex
2026-09-25 16:35:14 +03:00
parent 8dd9190573
commit a5a73c8753
7 changed files with 74 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui-core/styles.css
+10
View File
@@ -4302,3 +4302,13 @@ textarea.nodedc-field__control {
}
}
.nodedc-landing-stage__eyebrow { color: var(--nodedc-text-muted); font-size: var(--nodedc-font-size-xs); font-weight: var(--nodedc-font-weight-strong); letter-spacing: .12em; }
/* Explicit key outline: approved momentary-input affordance, not a card rim. */
.nodedc-key-button { display:inline-grid; place-items:center; width:46px; height:46px;
border:1px solid var(--nodedc-text-secondary); border-radius:var(--nodedc-radius-sm, 8px);
background:transparent; color:var(--nodedc-text-primary); font:inherit; font-weight:600;
cursor:pointer; user-select:none; touch-action:none; }
.nodedc-key-button:hover:not(:disabled) { background:var(--nodedc-glass-control-hover); }
.nodedc-key-button[aria-pressed="true"]:not(:disabled) { background:#fff; color:#000; border-color:#fff; }
.nodedc-key-button:disabled { opacity:.4; cursor:not-allowed; }
.nodedc-key-button:focus-visible { outline:2px solid rgb(var(--nodedc-accent-rgb)); outline-offset:3px; }