itlxrd/Psychotoxical-psysonic
1
0
Fork 0
mirror of https://github.com/Psychotoxical/psysonic.git synced 2026-07-21 23:05:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(orbit): auto-focus first help accordion + visible keyboard-focus ring

Browse Source 
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Psychotoxical
2026-04-24 19:47:10 +02:00
parent c9977a20e9
commit abbf6fc345
2 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components.css
+9
View File
@@ -11955,6 +11955,15 @@ html[data-psy-native-hidden="true"] *::after {
color: var(--text-secondary, var(--text-primary));
}
.orbit-help-modal__body p:last-child { margin-bottom: 0; }
/* Keyboard focus indicator for accordion summaries — the default outline
is too subtle against the modal's dark background. Uses focus-visible
so mouse clicks don't leave a lingering ring. */
.orbit-help-modal__body summary:focus-visible {
outline: none;
background: color-mix(in srgb, var(--accent) 14%, transparent);
box-shadow: inset 3px 0 0 var(--accent);
}
.orbit-help-modal__warn {
display: flex;
flex-direction: column;