Fix user activation zone for main menu dropdown

GeotrekCE · Jun 5, 2024 · e70c7e4 · e70c7e4
1 parent 577d2a4
commit e70c7e4
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/frontend/src/components/InlineMenu/InlineMenu.tsx b/frontend/src/components/InlineMenu/InlineMenu.tsx
@@ -71,7 +71,7 @@ const InlineMenu: React.FC<InlineMenuProps> = ({
             asHover
             className={cn(
               'relative pt-3 pb-2 mr-4 text-white flex items-center border-b-4 border-solid border-transparent duration-500 transition-color',
-              "after:content-[''] after:absolute after:top-10 after:-left-5 after:-right-5 after:h-15",
+              "after:content-[''] after:absolute after:top-10 after:-left-5 after:-right-5 after:h-8",
             )}
             wrapperClassName="flex-row"
             contentClassName="flex-col bg-white text-greyDarkColored rounded-2xl border border-solid border-greySoft overflow-hidden absolute py-2 top-18"

diff --git a/frontend/src/components/InlineMenu/Menu.tsx b/frontend/src/components/InlineMenu/Menu.tsx
@@ -94,7 +94,7 @@ export const Menu: React.FC<MenuProps> = ({
               className={cn(
                 `custo-menu-item custo-menu-item--lvl1 custo-menu-item--is-dropdown custo-menu-item--index-${index}
               relative flex gap-2 pt-3 pb-2 flex items-center border-b-4 border-solid border-transparent text-white duration-500 transition-color`,
-                "after:content-[''] after:absolute after:top-10 after:-left-6 after:-right-6 after:h-15 hover:after:z-10",
+                "after:content-[''] after:absolute after:top-10 after:-left-6 after:-right-6 after:h-8 hover:after:z-10",
               )}
               expandedClassName={expandedClassName}
               wrapperClassName="custo-menu-item-wrapper flex-row relative"