Skip to content

Commit e85f846

Browse files
davila7claude
andcommitted
🔧 Fix search toggle to only hide category sections, keep filter buttons visible
- Keep all filter buttons (Agents, Commands, Settings, Hooks, MCPs, Templates) visible - Only hide category-filter-label elements (category sections) - Filter buttons remain functional and accessible in search mode - Cleaner UX: users can still access category filters while searching Behavior: ✅ Search button toggle: shows/hides search bar ✅ Filter buttons: always visible (🤖 Agents, ⚡ Commands, etc.) ❌ Category sections: hidden during search mode ✅ Other UI elements: remain unchanged 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent e29e018 commit e85f846

File tree

1 file changed

+4
-15
lines changed

1 file changed

+4
-15
lines changed

docs/js/search-functionality.js

Lines changed: 4 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -11,38 +11,27 @@ function toggleSearch() {
1111
const container = document.getElementById('searchBarContainer');
1212
const input = document.getElementById('searchInput');
1313
const searchBtn = document.getElementById('searchToggleBtn');
14-
const categoryButtons = document.querySelectorAll('.category-filter-btn');
1514
const categoryLabels = document.querySelectorAll('.category-filter-label');
1615

1716
if (searchActive) {
18-
// Hide search and show category filters
17+
// Hide search and show category sections
1918
container.style.display = 'none';
2019
searchActive = false;
2120
searchBtn.classList.remove('active');
2221
clearSearch();
2322

24-
// Show category filter buttons
25-
categoryButtons.forEach(btn => {
26-
btn.style.display = '';
27-
});
28-
29-
// Show category filter labels
23+
// Show category filter labels/sections
3024
categoryLabels.forEach(label => {
3125
label.style.display = '';
3226
});
3327
} else {
34-
// Show search and hide category filters
28+
// Show search and hide category sections
3529
container.style.display = 'block';
3630
searchActive = true;
3731
searchBtn.classList.add('active');
3832
input.focus();
3933

40-
// Hide category filter buttons
41-
categoryButtons.forEach(btn => {
42-
btn.style.display = 'none';
43-
});
44-
45-
// Hide category filter labels
34+
// Hide category filter labels/sections only (keep filter buttons visible)
4635
categoryLabels.forEach(label => {
4736
label.style.display = 'none';
4837
});

0 commit comments

Comments
 (0)