feat(ui): TDS migration stage 3 — integration fixes, legacy removal, docs
Lint / JS (eslint) (pull_request) Successful in 10s
Lint / Notify on failure (pull_request) Skipped
Lint / Deploy (pull_request) Skipped
Security / JS Security (npm audit) (pull_request) Failing after 10s
Test / JS Tests (jest) (pull_request) Successful in 14s
Lint / JS (eslint) (push) Successful in 11s
Lint / Notify on failure (push) Skipped
Lint / Deploy (push) Skipped
Security / JS Security (npm audit) (push) Failing after 11s
Test / JS Tests (jest) (push) Successful in 10s
Lint / JS (eslint) (pull_request) Successful in 10s
Lint / Notify on failure (pull_request) Skipped
Lint / Deploy (pull_request) Skipped
Security / JS Security (npm audit) (pull_request) Failing after 10s
Test / JS Tests (jest) (pull_request) Successful in 14s
Lint / JS (eslint) (push) Successful in 11s
Lint / Notify on failure (push) Skipped
Lint / Deploy (push) Skipped
Security / JS Security (npm audit) (push) Failing after 11s
Test / JS Tests (jest) (push) Successful in 10s
- Fix design-system class names that do not exist in base.css (.lt-alert--error, .lt-form-hint); add shared .lt-modal-lg, .lt-field-error and .is-invalid rules - Remove public/index.html and the public/base.js symlink - package.json: start script, correct main - README: vendored design system, Web UI section, new env vars, read-only dev mode Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01HamVMDrA8RqhyxmUHgiqRp
This commit is contained in:
+34
-1
@@ -131,7 +131,40 @@
|
||||
.pulse-scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }
|
||||
|
||||
/* ---------------------------------------------------------------------
|
||||
7. Light theme overrides for the additions above
|
||||
7. Shared component gap-fillers (base.css does not ship these)
|
||||
---------------------------------------------------------------------
|
||||
`.lt-modal-lg` — base.css ships .lt-modal-xs/.lt-modal-sm only, but
|
||||
several Pulse pages need a wide modal (JSON editors, log viewers,
|
||||
side-by-side compare). Sized the same way base.css sizes its own
|
||||
modifiers, and re-capped at the two breakpoints base.css caps
|
||||
`.lt-modal` at, because this selector is more specific than those.
|
||||
|
||||
`.lt-field-error` / `.is-invalid` — base.css references a field-error
|
||||
hook but ships no visual style for it.
|
||||
Both are candidates for upstreaming into base.css.
|
||||
--------------------------------------------------------------------- */
|
||||
.lt-modal.lt-modal-lg {
|
||||
width: min(900px, 95vw);
|
||||
max-width: 900px;
|
||||
}
|
||||
@media (max-width: 767px) { .lt-modal.lt-modal-lg { max-width: 96vw; } }
|
||||
@media (max-width: 479px) { .lt-modal.lt-modal-lg { max-width: 100vw; } }
|
||||
|
||||
.lt-field-error {
|
||||
color: var(--accent-red);
|
||||
font-size: 0.72rem;
|
||||
letter-spacing: 0.02em;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.lt-input.is-invalid,
|
||||
.lt-textarea.is-invalid,
|
||||
.lt-select.is-invalid {
|
||||
border-color: var(--accent-red);
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------------------
|
||||
8. Light theme overrides for the additions above
|
||||
--------------------------------------------------------------------- */
|
||||
html[data-theme="light"] #pulse-last-refreshed { color: var(--text-muted); }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user