@ecl/mega-menu 5.0.0-alpha.15 → 5.0.0-alpha.16

package/mega-menu.html.twig

@@ -134,6 +134,7 @@
     {% include '@ecl/button/button.html.twig' with _toggle|merge({
       type: 'button',
       variant: 'tertiary',
+      style: 'neutral',
       icon_position: 'before',
       icon: _toggle_icon,
       hide_label: true,

package/mega-menu.js

@@ -895,7 +895,6 @@ export class MegaMenu {
             } else {
               const subList = queryOne('.ecl-mega-menu__sublist', item);
               if (subList && this.openPanel.num === 1) {
-                console.log('dovrei...');
                 const subListRect = subList.getBoundingClientRect();
                 const subListRectTop = subListRect.top;
                 subList.classList.add('ecl-mega-menu__sublist--scrollable');
@@ -1361,9 +1360,9 @@ export class MegaMenu {
       if (this.header) {
         this.header.classList.add('ecl-site-header--open-menu-start');
       }
-      this.positionMenuOverlay();
     }
 
+    this.positionMenuOverlay();
     this.trigger('onBack', { level: level2 ? 2 : 1 });
   }
 

package/mega-menu.scss

@@ -986,6 +986,10 @@ $mega-menu: null !default;
   @include with-scrollbar;
 }
 
+.ecl-mega-menu__sublist--scrollable {
+  @include with-scrollbar;
+}
+
 .ecl-mega-menu__mega--level-2 {
   margin-top: map.get($mega-menu, 'mobile', 'spacing-top-level-2');
 
@@ -1515,7 +1519,7 @@ $mega-menu: null !default;
   }
 }
 
-@include breakpoints.up('xxl') {
+@media (width >= 1368px) {
   .ecl-mega-menu:not(
     .ecl-mega-menu--forced-mobile,
     .ecl-mega-menu--forced-close
@@ -1537,7 +1541,8 @@ $mega-menu: null !default;
       > .ecl-container {
       > .ecl-mega-menu__info {
         box-shadow: none;
-        border-radius: 0px 4px 4px 0px;
+        border-radius: 0px map.get($theme, 'border-radius', 's')
+          map.get($theme, 'border-radius', 's') 0px;
         left: map.get(
           $mega-menu,
           'desktop',
@@ -1631,7 +1636,7 @@ $mega-menu: null !default;
   }
 }
 
-@include breakpoints.up('xxl') {
+@media (width >= 1368px) {
   .ecl-mega-menu:not(
     .ecl-mega-menu--forced-mobile,
     .ecl-mega-menu--forced-close

package/package.json

@@ -2,7 +2,7 @@
   "name": "@ecl/mega-menu",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "5.0.0-alpha.15",
+  "version": "5.0.0-alpha.16",
   "description": "ECL Mega Menu",
   "publishConfig": {
     "access": "public"
@@ -11,12 +11,12 @@
   "module": "mega-menu.js",
   "style": "mega-menu.scss",
   "dependencies": {
-    "@ecl/button": "5.0.0-alpha.15",
-    "@ecl/dom-utils": "5.0.0-alpha.15",
-    "@ecl/event-manager": "5.0.0-alpha.15",
-    "@ecl/link": "5.0.0-alpha.15",
-    "@ecl/picture": "5.0.0-alpha.15",
-    "bowser": "2.11.0",
+    "@ecl/button": "5.0.0-alpha.16",
+    "@ecl/dom-utils": "5.0.0-alpha.16",
+    "@ecl/event-manager": "5.0.0-alpha.16",
+    "@ecl/link": "5.0.0-alpha.16",
+    "@ecl/picture": "5.0.0-alpha.16",
+    "bowser": "2.12.1",
     "focus-trap": "7.6.5"
   },
   "repository": {
@@ -33,5 +33,5 @@
     "design-system",
     "twig"
   ],
-  "gitHead": "6004e147f949c0fbb2278650d59a1b8c249653c5"
+  "gitHead": "0842ff3b72ce9099c13e5407ad2b5eda9d06ba69"
 }