@ecl/mega-menu 5.0.0-alpha.12 → 5.0.0-alpha.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/mega-menu.js +15 -0
- package/package.json +7 -7
package/mega-menu.js
CHANGED
|
@@ -798,6 +798,11 @@ export class MegaMenu {
|
|
|
798
798
|
const containerBottom = containerBounding.bottom;
|
|
799
799
|
// By requirements, limit the height to the 70% of the available space.
|
|
800
800
|
const availableHeight = (window.innerHeight - containerBottom) * 0.7;
|
|
801
|
+
const minHeight =
|
|
802
|
+
parseFloat(
|
|
803
|
+
window.getComputedStyle(queryOne('.ecl-mega-menu__wrapper'))
|
|
804
|
+
.minHeight,
|
|
805
|
+
) || 0;
|
|
801
806
|
|
|
802
807
|
if (maxHeight > availableHeight) {
|
|
803
808
|
height = availableHeight;
|
|
@@ -805,6 +810,10 @@ export class MegaMenu {
|
|
|
805
810
|
height = maxHeight;
|
|
806
811
|
}
|
|
807
812
|
|
|
813
|
+
if (height < minHeight) {
|
|
814
|
+
height = minHeight;
|
|
815
|
+
}
|
|
816
|
+
|
|
808
817
|
const wrapper = queryOne('.ecl-mega-menu__wrapper', menuItem);
|
|
809
818
|
if (wrapper) {
|
|
810
819
|
wrapper.style.height = `${height}px`;
|
|
@@ -1533,6 +1542,12 @@ export class MegaMenu {
|
|
|
1533
1542
|
if (infoPanel) {
|
|
1534
1543
|
infoPanel.style.top = '';
|
|
1535
1544
|
}
|
|
1545
|
+
|
|
1546
|
+
this.positionMenuOverlay();
|
|
1547
|
+
this.checkDropdownHeight(
|
|
1548
|
+
menuItem.closest('.ecl-mega-menu__item'),
|
|
1549
|
+
false,
|
|
1550
|
+
);
|
|
1536
1551
|
break;
|
|
1537
1552
|
|
|
1538
1553
|
default:
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@ecl/mega-menu",
|
|
3
3
|
"author": "European Commission",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
|
-
"version": "5.0.0-alpha.
|
|
5
|
+
"version": "5.0.0-alpha.13",
|
|
6
6
|
"description": "ECL Mega Menu",
|
|
7
7
|
"publishConfig": {
|
|
8
8
|
"access": "public"
|
|
@@ -11,11 +11,11 @@
|
|
|
11
11
|
"module": "mega-menu.js",
|
|
12
12
|
"style": "mega-menu.scss",
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@ecl/button": "5.0.0-alpha.
|
|
15
|
-
"@ecl/dom-utils": "5.0.0-alpha.
|
|
16
|
-
"@ecl/event-manager": "5.0.0-alpha.
|
|
17
|
-
"@ecl/link": "5.0.0-alpha.
|
|
18
|
-
"@ecl/picture": "5.0.0-alpha.
|
|
14
|
+
"@ecl/button": "5.0.0-alpha.13",
|
|
15
|
+
"@ecl/dom-utils": "5.0.0-alpha.13",
|
|
16
|
+
"@ecl/event-manager": "5.0.0-alpha.13",
|
|
17
|
+
"@ecl/link": "5.0.0-alpha.13",
|
|
18
|
+
"@ecl/picture": "5.0.0-alpha.13",
|
|
19
19
|
"bowser": "2.11.0",
|
|
20
20
|
"focus-trap": "7.6.4"
|
|
21
21
|
},
|
|
@@ -33,5 +33,5 @@
|
|
|
33
33
|
"design-system",
|
|
34
34
|
"twig"
|
|
35
35
|
],
|
|
36
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "3aa7e362a490464a941b8ebbb52c4533590bced1"
|
|
37
37
|
}
|