@ecl/site-header 5.0.0-alpha.16 → 5.0.0-alpha.18
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/_site-header-dropdown.scss +1 -1
- package/package.json +14 -14
- package/site-header-ec.scss +8 -13
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@ecl/site-header",
|
|
3
3
|
"author": "European Commission",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
|
-
"version": "5.0.0-alpha.
|
|
5
|
+
"version": "5.0.0-alpha.18",
|
|
6
6
|
"description": "ECL Site Header",
|
|
7
7
|
"publishConfig": {
|
|
8
8
|
"access": "public"
|
|
@@ -10,21 +10,21 @@
|
|
|
10
10
|
"main": "site-header.js",
|
|
11
11
|
"module": "site-header.js",
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@ecl/button": "5.0.0-alpha.
|
|
14
|
-
"@ecl/dom-utils": "5.0.0-alpha.
|
|
15
|
-
"@ecl/grid": "5.0.0-alpha.
|
|
16
|
-
"@ecl/icon": "5.0.0-alpha.
|
|
17
|
-
"@ecl/link": "5.0.0-alpha.
|
|
18
|
-
"@ecl/menu": "5.0.0-alpha.
|
|
19
|
-
"@ecl/mixins-typography": "5.0.0-alpha.
|
|
20
|
-
"@ecl/notification": "5.0.0-alpha.
|
|
21
|
-
"@ecl/picture": "5.0.0-alpha.
|
|
22
|
-
"@ecl/search-form": "5.0.0-alpha.
|
|
13
|
+
"@ecl/button": "5.0.0-alpha.18",
|
|
14
|
+
"@ecl/dom-utils": "5.0.0-alpha.18",
|
|
15
|
+
"@ecl/grid": "5.0.0-alpha.18",
|
|
16
|
+
"@ecl/icon": "5.0.0-alpha.18",
|
|
17
|
+
"@ecl/link": "5.0.0-alpha.18",
|
|
18
|
+
"@ecl/menu": "5.0.0-alpha.18",
|
|
19
|
+
"@ecl/mixins-typography": "5.0.0-alpha.18",
|
|
20
|
+
"@ecl/notification": "5.0.0-alpha.18",
|
|
21
|
+
"@ecl/picture": "5.0.0-alpha.18",
|
|
22
|
+
"@ecl/search-form": "5.0.0-alpha.18",
|
|
23
23
|
"focus-trap": "7.6.5"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@ecl/resources-ec-logo": "5.0.0-alpha.
|
|
27
|
-
"@ecl/resources-eu-logo": "5.0.0-alpha.
|
|
26
|
+
"@ecl/resources-ec-logo": "5.0.0-alpha.18",
|
|
27
|
+
"@ecl/resources-eu-logo": "5.0.0-alpha.18"
|
|
28
28
|
},
|
|
29
29
|
"repository": {
|
|
30
30
|
"type": "git",
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
"design-system",
|
|
41
41
|
"twig"
|
|
42
42
|
],
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "24dbaf1d5f5954c99554b7f73d651aef3d38d260"
|
|
44
44
|
}
|
package/site-header-ec.scss
CHANGED
|
@@ -124,7 +124,7 @@ $language-list: null !default;
|
|
|
124
124
|
z-index: map.get($theme, 'z-index', 'modal') + 2;
|
|
125
125
|
|
|
126
126
|
&[aria-expanded='true'] {
|
|
127
|
-
background-color: var(--cm-surface-grey-low-
|
|
127
|
+
background-color: var(--cm-surface-grey-low-0);
|
|
128
128
|
}
|
|
129
129
|
// stylelint-disable-next-line no-descending-specificity
|
|
130
130
|
.ecl-icon {
|
|
@@ -160,7 +160,7 @@ $language-list: null !default;
|
|
|
160
160
|
display: none;
|
|
161
161
|
font: var(--f-m);
|
|
162
162
|
left: 0;
|
|
163
|
-
margin-top: var(--s-
|
|
163
|
+
margin-top: var(--s-m);
|
|
164
164
|
padding: var(--s-5xl) var(--s-m);
|
|
165
165
|
position: absolute;
|
|
166
166
|
z-index: map.get($theme, 'z-index', 'modal') + 1;
|
|
@@ -227,14 +227,8 @@ $language-list: null !default;
|
|
|
227
227
|
display: flex;
|
|
228
228
|
|
|
229
229
|
.ecl-notification {
|
|
230
|
-
background: var(--cm-surface-inverted);
|
|
231
230
|
margin: 0 0 var(--s-m);
|
|
232
231
|
}
|
|
233
|
-
|
|
234
|
-
.ecl-notification__description,
|
|
235
|
-
.ecl-notification__link {
|
|
236
|
-
font: var(--f-s);
|
|
237
|
-
}
|
|
238
232
|
}
|
|
239
233
|
|
|
240
234
|
.ecl-site-header__banner-top {
|
|
@@ -369,6 +363,12 @@ $menu-top: calc(44px + 2 * var(--s-xs));
|
|
|
369
363
|
}
|
|
370
364
|
}
|
|
371
365
|
|
|
366
|
+
@include breakpoints.up('l') {
|
|
367
|
+
.ecl-site-header__notification .ecl-notification {
|
|
368
|
+
margin-block-end: var(--s-2xl);
|
|
369
|
+
}
|
|
370
|
+
}
|
|
371
|
+
|
|
372
372
|
@include breakpoints.up('xl') {
|
|
373
373
|
.ecl-site-header {
|
|
374
374
|
.ecl-site-header__cta {
|
|
@@ -402,10 +402,6 @@ $menu-top: calc(44px + 2 * var(--s-xs));
|
|
|
402
402
|
.ecl-mega-menu__inner {
|
|
403
403
|
top: 0;
|
|
404
404
|
}
|
|
405
|
-
|
|
406
|
-
.ecl-site-header__notification .ecl-notification {
|
|
407
|
-
margin-block-end: var(--s-2xl);
|
|
408
|
-
}
|
|
409
405
|
}
|
|
410
406
|
|
|
411
407
|
.ecl-site-header__container {
|
|
@@ -469,7 +465,6 @@ $menu-top: calc(44px + 2 * var(--s-xs));
|
|
|
469
465
|
|
|
470
466
|
.ecl-site-header__login-box {
|
|
471
467
|
left: 50%;
|
|
472
|
-
margin-top: var(--s-l);
|
|
473
468
|
min-width: 22rem;
|
|
474
469
|
padding: var(--s-5xl);
|
|
475
470
|
transform: translateX(-50%);
|