feat(housekeeping): finish accessible command deck
This commit is contained in:
1 parent
85ad0452d3
commit
a113e48880
55 files changed
+17064
-509
No files matched your search
@@ -1618,6 +1618,42 @@ details[open] > summary .details-open\:rotate-180 {
|
||||
}
|
||||
}
|
||||
|
||||
/* Housekeeping command deck: keyboard focus, narrow screens, and motion safety. */
|
||||
[data-housekeeping-root] :is(a, button, input, select, textarea):focus-visible {
|
||||
outline: 2px solid var(--admin-accent);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
#housekeeping-content {
|
||||
max-width: 100%;
|
||||
overflow-x: clip;
|
||||
}
|
||||
|
||||
#housekeeping-content table {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
overflow-x: auto;
|
||||
overscroll-behavior-inline: contain;
|
||||
}
|
||||
|
||||
#housekeeping-content :is(pre, code, img, svg, canvas) {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
[data-housekeeping-root],
|
||||
[data-housekeeping-root] * {
|
||||
/* biome-ignore lint/complexity/noImportantStyles: accessibility preference must override component styles */
|
||||
scroll-behavior: auto !important;
|
||||
/* biome-ignore lint/complexity/noImportantStyles: accessibility preference must override component styles */
|
||||
animation-duration: 0.01ms !important;
|
||||
/* biome-ignore lint/complexity/noImportantStyles: accessibility preference must override component styles */
|
||||
animation-iteration-count: 1 !important;
|
||||
/* biome-ignore lint/complexity/noImportantStyles: accessibility preference must override component styles */
|
||||
transition-duration: 0.01ms !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Premium effects ── */
|
||||
@keyframes float {
|
||||
0%,
|
||||
|
||||
Reference in new issue
Block a user