fix: remove dropdown menu offset in slim headers

italia · Jan 9, 2025 · 52a1149 · 52a1149
1 parent 5c93a93
commit 52a1149
Showing 1 changed file with 3 additions and 6 deletions.
diff --git a/src/Dropdown/DropdownMenu.tsx b/src/Dropdown/DropdownMenu.tsx
@@ -1,9 +1,6 @@
 import React, { FC, HTMLAttributes } from 'react';
 import { DropdownMenu as BSDRopdownMenu } from 'reactstrap';
-
-// .it-header-slim-wrapper .it-header-slim-wrapper-content .dropdown-menu {
-//   top: unset !important;
-// }
+import { SLIM, useHeaderContext } from '../Header/HeaderContext';
 
 export interface DropdownMenuProps extends HTMLAttributes<HTMLElement> {
   /** Classi aggiuntive da usare per il componente Button */
@@ -13,9 +10,9 @@ export interface DropdownMenuProps extends HTMLAttributes<HTMLElement> {
 }
 
 export const DropdownMenu: FC<DropdownMenuProps> = ({ className, inNavbar, testId, children, ...attributes }) => {
+  const type = useHeaderContext();
+  const style = inNavbar && type === SLIM ? { top: 'unset !important' } : {};
 
-  const style = inNavbar ? {'top' : 'unset !important'} : {}
-
   return (
     <BSDRopdownMenu style={style} data-testid={testId} {...attributes} className={className}>
       {children}