Skip to content

Conversation

@dimitrieh
Copy link
Owner

  • Integrated catalog search functionality into main palette filter
  • Shows available (uninstalled) nodes in dedicated section when searching
  • Added visual distinction with dashed borders and reduced opacity
  • Implemented install buttons directly in palette search results
  • Added debounced search to optimize catalog API calls
  • Limited results to 10 items for better performance

Closes #49

@dimitrieh
Copy link
Owner Author

@claude better adapt the integrated catalog search content in the node palette sidebar so that it fits within the width available.

@claude
Copy link

claude bot commented Sep 25, 2025

Claude finished @dimitrieh's task —— View job


✅ Improved Catalog Search Layout in Palette Sidebar

Successfully adapted the catalog search content to fit within the palette sidebar width!

Changes Made:

  1. Added text wrapping for long node names using word-break: break-word and overflow-wrap: break-word
  2. Implemented flexbox layout for proper alignment of node items
  3. Vertically centered Install buttons using transform: translateY(-50%) for better alignment with multi-line text
  4. Increased right margin on labels to prevent overlap with install buttons
  5. Set minimum height for node items to ensure consistent spacing

Before vs After:

  • Before: Long node names were cut off and overflowing
  • After: Text now wraps properly within the available width, maintaining readability

The changes have been committed and pushed to the branch. The catalog search results will now display properly within the palette sidebar width, even with long package names.

--- |

@github-actions github-actions bot force-pushed the claude/issue-49-20250925-0752 branch from 4234302 to 63eeabe Compare September 25, 2025 08:35
@github-actions
Copy link

Experiment Deployed

Your Node-RED experiment is now live at:
https://nr-claude-issue-49-20250925-0752.tailbfedba.ts.net

View all experiments: https://dashboard.tailbfedba.ts.net

This deployment will automatically expire in 7 days.


Branch: claude-issue-49-20250925-0752
Deployed: 2025-09-25 09:00:05 UTC

@dimitrieh dimitrieh force-pushed the claude/issue-49-20250925-0752 branch from 63eeabe to 2bcaca4 Compare September 26, 2025 15:58
@github-actions
Copy link

Experiment Deployed

Your Node-RED experiment is now live at:
https://nr-claude-issue-49-20250925-0752.tailbfedba.ts.net

View all experiments: https://dashboard.tailbfedba.ts.net

This deployment will automatically expire in 7 days.


Branch: claude-issue-49-20250925-0752
Deployed: 2025-09-26 16:07:05 UTC

@github-actions
Copy link

Experiment Deployed

Your Node-RED experiment is now live at:
https://nr-claude-issue-49-20250925-0752.tailbfedba.ts.net

View all experiments: https://dashboard.tailbfedba.ts.net

This deployment will automatically expire in 7 days.


Branch: claude-issue-49-20250925-0752
Deployed: 2025-09-29 11:19:06 UTC

github-actions bot and others added 2 commits September 30, 2025 16:54
- Integrated catalog search functionality into main palette filter
- Shows available (uninstalled) nodes in dedicated section when searching
- Added visual distinction with dashed borders and reduced opacity
- Implemented install buttons directly in palette search results
- Added debounced search to optimize catalog API calls
- Limited results to 10 items for better performance

Closes #49

Co-authored-by: Dimitrie Hoekstra <[email protected]>
- Added text wrapping for long node names using word-break and overflow-wrap
- Implemented flexbox layout for proper alignment
- Vertically centered Install buttons for better multi-line text alignment
- Increased label margin to prevent overlap with buttons
- Set minimum height for consistent spacing

Co-authored-by: Dimitrie Hoekstra <[email protected]>
@dimitrieh dimitrieh force-pushed the claude/issue-49-20250925-0752 branch from f32d49a to 718ddd5 Compare September 30, 2025 14:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Make custom nodes searchable from Node Palette/Editor

2 participants