Feat v0.6.16 usability survey gate (#51)
All checks were successful
CI/CD / detect-changes (push) Successful in 3s
CI/CD / test-frontend (push) Successful in 5s
CI/CD / test-sqlite (push) Successful in 2m49s
CI/CD / test-go-pg (push) Successful in 2m51s
CI/CD / build-and-deploy (push) Successful in 49s

Co-authored-by: Jeffrey Smith <jasafpro@gmail.com>
Co-committed-by: Jeffrey Smith <jasafpro@gmail.com>
This commit was merged in pull request #51.
This commit is contained in:
2026-04-01 14:52:14 +00:00
committed by xcaliber
parent d9802df2af
commit ff19a1b4d3
12 changed files with 1146 additions and 35 deletions

View File

@@ -32,6 +32,9 @@
transition: color var(--transition);
}
.modal-close:hover { color: var(--text); }
@media (max-width: 768px) {
.modal-close { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
}
.modal-body { flex: 1; overflow-y: auto; padding: var(--sp-4) var(--sp-5); }
.modal-footer {
padding: var(--sp-3) var(--sp-5); border-top: 1px solid var(--border);

View File

@@ -290,3 +290,33 @@
.sw-dropdown__option--disabled { opacity: 0.4; cursor: not-allowed; }
.sw-dropdown__option--disabled:hover { background: transparent; }
.sw-dropdown__empty { padding: var(--sp-3); text-align: center; color: var(--text-3); font-size: 0.85rem; }
/* ── Focus Indicators ─────────────────────── */
.sw-btn:focus-visible {
outline: 2px solid var(--accent); outline-offset: 2px;
}
.sw-input:focus-visible {
outline: 2px solid var(--accent); outline-offset: -1px;
}
.sw-dropdown__trigger:focus-visible {
outline: 2px solid var(--accent); outline-offset: 2px;
}
.sw-menu__item:focus-visible {
outline: 2px solid var(--accent); outline-offset: -2px;
}
.sw-tabs__tab:focus-visible {
outline: 2px solid var(--accent); outline-offset: -2px;
}
/* ── Mobile Touch Targets (44px minimum) ──── */
@media (max-width: 768px) {
.sw-banner__close { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.sw-toast__close { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.sw-dialog__close { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.sw-drawer__close { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.sw-tabs__arrow { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.sw-tabs__tab { min-height: 44px; }
.sw-dropdown__option { min-height: 44px; display: flex; align-items: center; }
}

View File

@@ -55,11 +55,11 @@
--text: #e8e8ed;
--text-2: #9898a8;
--text-3: #6b6b7b;
--accent: #6c9fff;
--accent-hover: #84b0ff;
--accent-dim: rgba(108,159,255,0.12);
--accent: #6493ed;
--accent-hover: #7ca8f5;
--accent-dim: rgba(100,147,237,0.12);
--danger: #ef4444;
--success: #22c55e;
--success: #1dab51;
--warning: #eab308;
--purple: #a78bfa;
--purple-dim: rgba(167,139,250,0.10);
@@ -85,7 +85,7 @@
--overlay: rgba(0,0,0,0.55);
--glass: rgba(255,255,255,0.03);
--input-bg: #1a1a1f;
--user-bubble: rgba(108,159,255,0.08);
--user-bubble: rgba(100,147,237,0.08);
--danger-bg: rgba(239,68,68,0.12);
--bg-code: #1a1a22;
--shadow-lg: 0 8px 32px rgba(0,0,0,0.5);
@@ -141,7 +141,7 @@
--border-light: #c2c3cb;
--text: #1a1a2e;
--text-2: #555770;
--text-3: #8b8da3;
--text-3: #787a92;
--accent: #4a7cdb;
--accent-hover: #3968c4;
--accent-dim: rgba(74,124,219,0.09);
@@ -156,8 +156,8 @@
--accent-light: #2563eb;
--danger-light: #dc2626;
--success-light: #16a34a;
--warning-light: #ca8a04;
--success-light: #128a3e;
--warning-light: #a97200;
--danger-dim: rgba(220,38,38,0.09);
--success-dim: rgba(22,163,74,0.09);