Skip to content

Fix hidden tag hover on node list#13

Merged
CJFWeatherhead merged 3 commits into
mainfrom
fix/hidden-tag-hover
Jul 3, 2026
Merged

Fix hidden tag hover on node list#13
CJFWeatherhead merged 3 commits into
mainfrom
fix/hidden-tag-hover

Conversation

@EdGeraghty

Copy link
Copy Markdown
Member

This pull request improves the UI behavior and styling of the node list card and tag popup components. The main focus is on managing z-index stacking to ensure popups display correctly above other UI elements, and on tracking the popup open state for styling purposes.

UI Behavior and Styling Improvements

  • Added a popupOpen state to NodeTagsIcon.svelte and bound it to the popup's open/close state, exposing it as a data-popup-open attribute on the tag icon span. This enables parent components to react to the popup's visibility.
  • Updated the NodeListCard.svelte styles to use the new data-popup-open attribute: the .node-list-card now increases its z-index when a child popup is open, ensuring the popup and its parent card appear above other elements.
  • Changed the main card class in NodeListCard.svelte from a hardcoded class list to include the new .node-list-card class, enabling the new styling behavior.

image

becomes

image

Breaks the link between paint layer and relative z-indicies
@EdGeraghty EdGeraghty added the bug Something isn't working label Jul 3, 2026
@CJFWeatherhead CJFWeatherhead merged commit 579f042 into main Jul 3, 2026
1 of 2 checks passed
@EdGeraghty EdGeraghty deleted the fix/hidden-tag-hover branch July 3, 2026 14:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants