Add gradient fade to keymap header when section headers are absent

Uses :has(.th) to detect when category section headers are in the DOM.
When searching/filtering removes them, the header's bottom padding fades
to transparent so list items scroll away smoothly instead of a hard cutoff.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
scheinriese
2026-03-11 23:55:47 +01:00
committed by Tienson Qin
parent 6cfbaf93d1
commit bf7ebc8d7e

View File

@@ -183,6 +183,10 @@ button.shortcut-feedback-action {
background-color: hsl(var(--background));
}
&:not(:has(.th)) > header {
background: linear-gradient(to bottom, hsl(var(--background)) calc(100% - 20px), transparent);
}
.shortcut-empty-state {
@apply flex flex-col items-center justify-center gap-2 select-none;
min-height: calc(60dvh - var(--shortcut-header-h, 120px));