From 6c524a8356653e568d8447ddfcc6e5eebf058d2a Mon Sep 17 00:00:00 2001 From: xiaosi <2652281683@qq.com> Date: Wed, 2 Sep 2026 09:59:32 +0800 Subject: [PATCH] fix: stop styling selectable dialog selects as disabled Override add-dock-dialog readonly input greying for t-select inner inputs while keeping true readonly fields grey. --- src/styles/prototype.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/styles/prototype.css b/src/styles/prototype.css index cc5d5a4..3f85c57 100644 --- a/src/styles/prototype.css +++ b/src/styles/prototype.css @@ -720,6 +720,13 @@ svg:not(.t-icon){ width: 18px; height: 18px; fill: none; stroke: currentColor; s .add-dock-dialog .t-input:hover{ border-color: var(--line); } .add-dock-dialog .t-input--focused{ border-color: #6799d1; box-shadow: 0 0 0 3px rgba(31,111,235,.08); } .add-dock-dialog .t-input.t-is-readonly, .add-dock-dialog .t-input.t-is-readonly .t-input__inner{ color: #77838d; background: #f2f4f6; cursor: not-allowed; } +/* Select 内部 input 默认 readonly,但不是禁用;恢复可交互外观 */ +.add-dock-dialog .t-select .t-input.t-is-readonly, +.add-dock-dialog .t-select .t-input.t-is-readonly .t-input__inner { + color: var(--ink); + background: #fff; + cursor: pointer; +} .add-dock-dialog .t-input.invalid, .add-dock-dialog .t-input.t-is-error{ border-color: var(--red); } .add-dock-dialog label small{ min-height: 0; color: var(--red); font-size: 10px; } .form-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }