mirror of
https://github.com/hanzoai/agency.git
synced 2026-10-26 05:24:32 +00:00
Aeonaby
890c8bf3e0
- Added activeDropdown state to track which dropdown is open - Replaced CSS group-hover with JavaScript onMouseEnter/onMouseLeave - Each dropdown now controlled by state instead of CSS hover - Only one dropdown can be active at a time - Simplified CSS by removing conflicting hover rules This ensures Services and Solutions dropdowns never overlap, as only one can be visible at any given time.
21 lines
384 B
CSS
21 lines
384 B
CSS
/* Enhanced dropdown hover behavior */
|
|
.dropdown-trigger {
|
|
position: relative;
|
|
}
|
|
|
|
/* Dropdown menu base styles */
|
|
.dropdown-menu {
|
|
z-index: 50;
|
|
}
|
|
|
|
/* Ensure smooth cursor movement between trigger and dropdown */
|
|
.dropdown-trigger::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
width: 100%;
|
|
height: 10px;
|
|
z-index: 40;
|
|
} |