Goofy header behavior

[lino-levan]

If you click on a section on the header, it will keep that section open even if the user's mouse leaves the hover area. This results in some goofy looking behavior in specific circumstances.

Reproc steps:

1. Click "Modules" text
2. Hover over "Docs"

Fix:

• Either remove on-click behavior or disable on-hover behavior after the user has clicked on another nav element

[WittySmirk]

We can't disable onclick behavior because it is essential for mobile.

Not quite sure how to disable on hover for the other nav elements once one is clicked because each nav element is seperated by 2 layers (you would have to disable the hover css for the parent of the parent's children).

I tried to do this but it doesnt seem to work

<input
     type="checkbox"
     id={entry.content}
     class="hidden checked:(siblings:last-child:block sibling:children:last-child:children:(odd:hidden even:block) parent:parent:children:hover:children(hidden))"
     autoComplete="off"
 />