WIP

eea · Mar 3, 2022 · a8d97f1 · a8d97f1
1 parent 15bc0f4
commit a8d97f1
Show file tree

Hide file tree

Showing 3 changed files with 695 additions and 707 deletions.
diff --git a/src/ui/Header/Header.jsx b/src/ui/Header/Header.jsx
@@ -38,22 +38,18 @@ const TopDropdownMenu = ({
   mobileText,
   icon,
 }) => {
-  // TODO: in original implementation "wrapper" class was also available with
-  // "content" class
   const Component = ({ mobileText }) => (
     <Dropdown
       id={id}
       className={cx(className, {
         'mobile or lower hidden': !mobileText,
         'mobile only': !!mobileText,
-      })} // !!mobileText
+      })}
       text={text}
       icon={icon || 'chevron down'}
       aria-label="dropdown"
     >
-      <Dropdown.Menu role="group">
-        <div className="wrapper content">{children}</div>
-      </Dropdown.Menu>
+      <Dropdown.Menu role="group">{children}</Dropdown.Menu>
     </Dropdown>
   );
   return (

diff --git a/src/ui/Header/Header.stories.js b/src/ui/Header/Header.stories.js
@@ -258,7 +258,6 @@ const Template = (args) => {
       <Header.TopHeader>
         <Header.TopItem className="official-union">
           <Image src={eeaFlag} alt="eea flag"></Image>
-
           <Header.TopDropdownMenu
             text="An official website of the European Union | How do you Know?"
             mobileText="An official EU website"
@@ -290,18 +289,20 @@ const Template = (args) => {
             className="tablet or lower hidden"
             text={linksMenuTitle}
           >
-            {links.map((item, index) => (
-              <Dropdown.Item key={index}>
-                <a
-                  href={item.href}
-                  className="site"
-                  target="_blank"
-                  rel="noreferrer"
-                >
-                  {item.title}
-                </a>
-              </Dropdown.Item>
-            ))}
+            <div className="wrapper">
+              {links.map((item, index) => (
+                <Dropdown.Item key={index}>
+                  <a
+                    href={item.href}
+                    className="site"
+                    target="_blank"
+                    rel="noreferrer"
+                  >
+                    {item.title}
+                  </a>
+                </Dropdown.Item>
+              ))}
+            </div>
           </Header.TopDropdownMenu>
         </Header.TopItem>