mirror of
https://github.com/vinta/awesome-python.git
synced 2026-05-19 15:15:32 +08:00
feat: add clear action to no-results message
When a search or filter yields no results, the message now includes an inline button that resets both the search input and the active filter. Improves discoverability and reduces dead-end frustration. Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -270,6 +270,16 @@ if (filterClear) {
|
||||
});
|
||||
}
|
||||
|
||||
// No-results clear
|
||||
var noResultsClear = document.querySelector('.no-results-clear');
|
||||
if (noResultsClear) {
|
||||
noResultsClear.addEventListener('click', function () {
|
||||
if (searchInput) searchInput.value = '';
|
||||
activeFilter = null;
|
||||
applyFilters();
|
||||
});
|
||||
}
|
||||
|
||||
// Column sorting
|
||||
document.querySelectorAll('th[data-sort]').forEach(function (th) {
|
||||
th.addEventListener('click', function () {
|
||||
|
||||
@@ -837,6 +837,26 @@ th[data-sort].sort-asc::after {
|
||||
font-size: var(--text-lg);
|
||||
}
|
||||
|
||||
.no-results-hint {
|
||||
margin-top: 0.5rem;
|
||||
font-size: var(--text-sm);
|
||||
}
|
||||
|
||||
.no-results-clear {
|
||||
background: none;
|
||||
border: none;
|
||||
color: var(--accent-deep);
|
||||
font: inherit;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
text-decoration-color: oklch(58% 0.16 45 / 0.4);
|
||||
text-underline-offset: 0.2em;
|
||||
}
|
||||
|
||||
.no-results-clear:hover {
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.final-cta {
|
||||
padding-block: clamp(3rem, 7vw, 5.5rem);
|
||||
background: oklch(94% 0.025 72);
|
||||
|
||||
Reference in New Issue
Block a user