Feat v0.6.16 usability survey gate (#51)
All checks were successful
All checks were successful
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:
@@ -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);
|
||||
|
||||
@@ -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; }
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user