Browse Source

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.
main
xiaosi 3 weeks ago
parent
commit
6c524a8356
  1. 7
      src/styles/prototype.css

7
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: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--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; } .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 .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; } .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; } .form-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

Loading…
Cancel
Save