@eeacms/volto-marine-policy 1.1.1 → 1.1.2

package/CHANGELOG.md

@@ -4,7 +4,12 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-### [1.1.1](https://github.com/eea/volto-marine-policy/compare/1.1.0...1.1.1) - 18 April 2024
+### [1.1.2](https://github.com/eea/volto-marine-policy/compare/1.1.1...1.1.2) - 22 April 2024
+
+#### :hammer_and_wrench: Others
+
+- update header customizations with eea design, fix logo width [nileshgulia1 - [`8187c47`](https://github.com/eea/volto-marine-policy/commit/8187c47c860a7efda632ed050d854e6a42e7e3a0)]
+### [1.1.1](https://github.com/eea/volto-marine-policy/compare/1.1.0...1.1.1) - 19 April 2024
 
 #### :rocket: New Features
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-marine-policy",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "@eeacms/volto-marine-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/customizations/@eeacms/volto-eea-design-system/ui/Header/Header.jsx

@@ -262,27 +262,29 @@ const Main = ({
           <Grid.Column mobile={4} tablet={4} computer={8}>
             <div className={inverted ? 'main-menu inverted' : 'main-menu'}>
               {menuItems && (
-                <ul
-                  className="ui text eea-main-menu tablet or lower hidden menu"
-                  ref={desktopMenuRef}
-                  id={'navigation'}
-                >
-                  {menuItems.map((item) => (
-                    <Menu.Item
-                      name={item['@id'] || item.url}
-                      key={item['@id'] || item.url}
-                      as={'li'}
-                      active={
-                        activeItem.indexOf(item['@id']) !== -1 ||
-                        activeItem.indexOf(item.url) !== -1
-                      }
-                    >
-                      {renderGlobalMenuItem(item, {
-                        onClick: menuOnClick,
-                      })}
-                    </Menu.Item>
-                  ))}
-                </ul>
+                <nav aria-label={'Main'} className="main-nav">
+                  <ul
+                    className="ui text eea-main-menu tablet or lower hidden menu"
+                    ref={desktopMenuRef}
+                    id={'navigation'}
+                  >
+                    {menuItems.map((item) => (
+                      <Menu.Item
+                        name={item['@id'] || item.url}
+                        key={item['@id'] || item.url}
+                        as={'li'}
+                        active={
+                          activeItem.indexOf(item['@id']) !== -1 ||
+                          activeItem.indexOf(item.url) !== -1
+                        }
+                      >
+                        {renderGlobalMenuItem(item, {
+                          onClick: menuOnClick,
+                        })}
+                      </Menu.Item>
+                    ))}
+                  </ul>
+                </nav>
               )}
               {!hideSearch && (
                 <button

package/theme/extras/header.overrides

@@ -2,19 +2,6 @@
       HEADER MAIN BAR DESKTOP
   ----------------------------------------------------------------------------*/
 
-#main {
-  .main.bar {
-    .ui.container {
-      .main-menu {
-        .item:first-child {
-          display: flex !important;
-        }
-      }
-    
-      .ui.text.menu {
-        flex-wrap: wrap;
-        justify-content: end;
-      }
-    }
-  }
+#main .main.bar .ui.container .main-nav ul {
+  width: max-content;
 }

package/theme/globals/site.overrides

@@ -53,7 +53,7 @@ body {
   // Header
   @media only screen and (min-width: 992px) {
     .eea.header .eea-logo {
-      max-width: 350px;
+      max-width: 330px;
     }
   }