From bf7ebc8d7e50bffb8a3900822f4a2c0e34170813 Mon Sep 17 00:00:00 2001 From: scheinriese Date: Wed, 11 Mar 2026 23:55:47 +0100 Subject: [PATCH] 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 --- src/main/frontend/components/shortcut.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/main/frontend/components/shortcut.css b/src/main/frontend/components/shortcut.css index 9372e54867..7839f98506 100644 --- a/src/main/frontend/components/shortcut.css +++ b/src/main/frontend/components/shortcut.css @@ -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));