@eeacms/volto-eea-design-system 1.11.0 → 1.12.1

package/CHANGELOG.md

@@ -4,6 +4,46 @@ 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.12.1](https://github.com/eea/volto-eea-design-system/compare/1.12.0...1.12.1) - 24 May 2023
+
+#### :bug: Bug Fixes
+
+- fix(header): Increase z-index on top bar #350 from eea/fix-header [ichim-david - [`59bc935`](https://github.com/eea/volto-eea-design-system/commit/59bc935470da8e97f80c22f05f40231df242555f)]
+- fix(header): Increase z-index on top bar [kreafox - [`ccaa08d`](https://github.com/eea/volto-eea-design-system/commit/ccaa08d61b2681368f94ebf6304fa70073eac0db)]
+- fix(subsite): Fix z-index to make it clickable - refs #253352 [alin - [`e0203fd`](https://github.com/eea/volto-eea-design-system/commit/e0203fd8e7c0887cddfcf5d140ca1c3cdaa54e4d)]
+- fix: Stop image disappear over and over - ref253080 [dobri1408 - [`a8208e7`](https://github.com/eea/volto-eea-design-system/commit/a8208e7dd656d54cb975f8e7a9887775cfa4bd94)]
+
+#### :house: Internal changes
+
+- style: remove unnecessary z-index on content-area [Miu Razvan - [`f5e574f`](https://github.com/eea/volto-eea-design-system/commit/f5e574f5a15ac0844e7b5ce184003e0e89e7d76b)]
+
+### [1.12.0](https://github.com/eea/volto-eea-design-system/compare/1.11.0...1.12.0) - 19 May 2023
+
+#### :boom: Breaking Change
+
+- breaking(menu): removed css hiding of home link [David Ichim - [`81bdcc6`](https://github.com/eea/volto-eea-design-system/commit/81bdcc6857b724927c92d4b9de463629a3f9fdd6)]
+
+#### :bug: Bug Fixes
+
+- fix(container): width of position ov view-wrapper container [David Ichim - [`c3230cb`](https://github.com/eea/volto-eea-design-system/commit/c3230cb3a946801dd6a00e2ea4d7215445ac8a81)]
+
+#### :nail_care: Enhancements
+
+- change(mega-menu): removed need for hardcoded sub-section of countries mega menu [David Ichim - [`d8dab69`](https://github.com/eea/volto-eea-design-system/commit/d8dab69a03595784e208cddc076788bc3399bc85)]
+
+#### :hammer_and_wrench: Others
+
+- Release #347 from eea/develop [ichim-david - [`3eaa504`](https://github.com/eea/volto-eea-design-system/commit/3eaa50494ba5480c460c7d83141eff954579e962)]
+- bump package version as we have some breaking changes [David Ichim - [`064e170`](https://github.com/eea/volto-eea-design-system/commit/064e170ee40a8e58533a2e6db0ed6b58c38ad7bb)]
+- printing at topics [Dobricean Ioan Dorian - [`6c9e4a0`](https://github.com/eea/volto-eea-design-system/commit/6c9e4a072785e74022e7557132ae067e00066ef0)]
+- printing at topics [Dobricean Ioan Dorian - [`341866a`](https://github.com/eea/volto-eea-design-system/commit/341866ab4ade6ba29c160e857003ca4dbda7106b)]
+- printing at topics [Dobricean Ioan Dorian - [`b9d6853`](https://github.com/eea/volto-eea-design-system/commit/b9d6853ee717cc208419593590539697ced3b709)]
+- Use variables instead of hardcoded dimensions [dana-cfc4 - [`064b2a4`](https://github.com/eea/volto-eea-design-system/commit/064b2a4e004e8f71aaae2ac710159f004e928777)]
+- (fix): Remove copyright of hero block and extra spaces on print [dana-cfc4 - [`afbf212`](https://github.com/eea/volto-eea-design-system/commit/afbf2122ec1133979df22864ce243d50afb647b6)]
+- (fix): Remove header and hero block extra space [dana-cfc4 - [`03d08fb`](https://github.com/eea/volto-eea-design-system/commit/03d08fbe5f99ef082a87a22697cafe593f7ea5e3)]
+- moved customcss [Dobricean Ioan Dorian - [`8af6b0f`](https://github.com/eea/volto-eea-design-system/commit/8af6b0f620a5b9c71ed2b20c485e650c0553e56c)]
+- break hero block [Dobricean Ioan Dorian - [`cfa7d0d`](https://github.com/eea/volto-eea-design-system/commit/cfa7d0d0c8e7db505d6ca2a1cadb9ac9b9f99a64)]
+- hero print [Dobricean Ioan Dorian - [`a988c8c`](https://github.com/eea/volto-eea-design-system/commit/a988c8c745569e58e031c0f6cf680e58dccc2c6d)]
 ### [1.11.0](https://github.com/eea/volto-eea-design-system/compare/1.0.7...1.11.0) - 11 May 2023
 
 #### :boom: Breaking Change
@@ -49,6 +89,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
+- Release 1.11.0 #344 from eea/develop [ichim-david - [`02ccaa1`](https://github.com/eea/volto-eea-design-system/commit/02ccaa149d26b387e197eabec841691abd752fc2)]
 - Release 1.11.0 [alin - [`acc76ea`](https://github.com/eea/volto-eea-design-system/commit/acc76ea7b81e31a8d83179cb0af48482a8f84709)]
 - bump package version [David Ichim - [`3dfa3f0`](https://github.com/eea/volto-eea-design-system/commit/3dfa3f088a4c012ac1bb36f3ef08fac9079f3f81)]
 - added possibility to configure button url [Zoltan Szabo - [`91cd277`](https://github.com/eea/volto-eea-design-system/commit/91cd27764f646429f168c09361b370632e900c80)]
@@ -285,6 +326,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - Release 1.0.0-beta.5 [Alin Voinea - [`e4417e1`](https://github.com/eea/volto-eea-design-system/commit/e4417e121477511c350ae3fbe4e70aadb445ed86)]
 - better useOnScreen hook [Andrei Grigore - [`c214b6b`](https://github.com/eea/volto-eea-design-system/commit/c214b6b76443f81c795ce2f3aa457562ec088b30)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`b227cf8`](https://github.com/eea/volto-eea-design-system/commit/b227cf8a8c44b9d91e9fda8a7999fb0a42bacdca)]
 - feature(mobile): increased performance by lazy loading footer images #303 from eea/increase_performance [ichim-david - [`80d1df1`](https://github.com/eea/volto-eea-design-system/commit/80d1df1c459680331d486f9e8e6a95c9db0adbf6)]
 - prettier [David Ichim - [`a7f8384`](https://github.com/eea/volto-eea-design-system/commit/a7f838470c1bcc4e2be115d514d92a1b686a5e9b)]
 - fixed less build failure due to changes in footer.less [David Ichim - [`190bc8c`](https://github.com/eea/volto-eea-design-system/commit/190bc8cfa88191b45808f1e27c6e2737ee3d15b1)]
@@ -355,6 +397,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
+- chore(docusaurus): ignore website/.yarn [Giorgos Stamatis - [`0b33ffd`](https://github.com/eea/volto-eea-design-system/commit/0b33ffd1dda61b126e3cc5ff48888124d6aee41b)]
 - style(header): react syntax fix [Antonis Tarantilis - [`3add127`](https://github.com/eea/volto-eea-design-system/commit/3add1271c785a92bea0ef925d7bc562cef1e0d92)]
 
 #### :house: Documentation changes
@@ -551,6 +594,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - Release 1.0.0-alpha.10 [Alin Voinea - [`7014d08`](https://github.com/eea/volto-eea-design-system/commit/7014d080ce114bd0bc039abeecbd7229333b0971)]
 - Add variable definitions [kreafox - [`293fe65`](https://github.com/eea/volto-eea-design-system/commit/293fe65e2f24e6290e1286229169a77f9be4750e)]
+- Add Sonarqube tag using advisory-board-frontend addons list [EEA Jenkins - [`ef58a6f`](https://github.com/eea/volto-eea-design-system/commit/ef58a6f5ad8deea26b1395a86778fe1159b7617b)]
 - Back to dev [Alin Voinea - [`31d4616`](https://github.com/eea/volto-eea-design-system/commit/31d461662b9184a7bbe190e86f3c47fab39229fe)]
 ### [1.0.0-alpha.9](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.8...1.0.0-alpha.9) - 28 December 2022
 
@@ -608,6 +652,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - bump package version [David Ichim - [`b4628be`](https://github.com/eea/volto-eea-design-system/commit/b4628bed134abc76e38a243d4e98143e19cef989)]
 - feature(docusaurus, storybook): logos selection for sites plus inverted options #253 from eea/doc-logo-page [ichim-david - [`dbfc90d`](https://github.com/eea/volto-eea-design-system/commit/dbfc90d035dc40e9d4054347f00fde4de486d63d)]
 - (feat): Add ability to disable the language select from website top menu  - refs #158616 [dobri1408 - [`411c8e4`](https://github.com/eea/volto-eea-design-system/commit/411c8e4afaf0b2b9edfdeeecdca22aa4cc41f329)]
+- Add Sonarqube tag using advisory-board-frontend addons list [EEA Jenkins - [`c4769e9`](https://github.com/eea/volto-eea-design-system/commit/c4769e987d525f5dcafac8e6cf8a89fd8111667d)]
 - test(Jenkins): Run tests and cypress with latest canary @plone/volto [Alin Voinea - [`92feea0`](https://github.com/eea/volto-eea-design-system/commit/92feea09796c9ef0530f65fa1d34139905133215)]
 - Proof reading page header section [ichim-david - [`230239e`](https://github.com/eea/volto-eea-design-system/commit/230239e1b22734fb8606656985bc5e513731e244)]
 ### [1.0.0-alpha.7](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.6...1.0.0-alpha.7) - 16 December 2022
@@ -639,6 +684,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - Release 1.0.0-alpha.7 [Alin Voinea - [`7e66bcc`](https://github.com/eea/volto-eea-design-system/commit/7e66bcc296b389bc55073e7f99681534977dce3a)]
+- Add Sonarqube tag using cca-frontend addons list [EEA Jenkins - [`ce47e9b`](https://github.com/eea/volto-eea-design-system/commit/ce47e9b163bcb4eda988e3a87718b54ffbd3f99f)]
 - added back descriptionDistance variable until package release [David Ichim - [`3af811a`](https://github.com/eea/volto-eea-design-system/commit/3af811a8d86a132e16de118697ba5a4302a8a4da)]
 - Back to dev [Alin Voinea - [`cb531c9`](https://github.com/eea/volto-eea-design-system/commit/cb531c933c907bdbb88c9de0f1df2eb7ce899a4c)]
 - Proper paths if the package is not installed, but in development [Tiberiu Ichim - [`7a2655f`](https://github.com/eea/volto-eea-design-system/commit/7a2655f7cf9d3c687f172eefcf2b4cff4b12f832)]
@@ -726,6 +772,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - feature(Docusaurus): Updates on color palette information including thematic websites #231 from eea/refactor-docusaurus [ichim-david - [`ec7843d`](https://github.com/eea/volto-eea-design-system/commit/ec7843dea07f626dc1c71ae1baa8bb5b0caa52f3)]
+- Upgrade Jenkinsfile storybook to yarn 3 [Alin Voinea - [`d20de8d`](https://github.com/eea/volto-eea-design-system/commit/d20de8d6e21a14660b7b5125a80218a8a6f19e62)]
 - Back to dev [Alin Voinea - [`563fbc5`](https://github.com/eea/volto-eea-design-system/commit/563fbc5fac0d4b0295690d0a3a4e04271753f18a)]
 - perf(docusaurus): added remixicon and roboto locally [Giorgos Stamatis - [`b67b1a7`](https://github.com/eea/volto-eea-design-system/commit/b67b1a72bc9cdc7c62a25967e81b430f8b62d558)]
 ### [1.0.0-alpha.4](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.3...1.0.0-alpha.4) - 22 November 2022
@@ -818,6 +865,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - modified left value of full width classes with toolbars [David Ichim - [`70d82d4`](https://github.com/eea/volto-eea-design-system/commit/70d82d47fbc2c00a3a709de0d5c087c8443a1eae)]
 - WIP settings column grid width when using full size class [David Ichim - [`affc7ac`](https://github.com/eea/volto-eea-design-system/commit/affc7ac99527aa92d5a192d90dc8c9ec46a66404)]
 - fix eslint [Miu Razvan - [`30c52e4`](https://github.com/eea/volto-eea-design-system/commit/30c52e4eb443555ca44c1b35df064e73d52c0a8b)]
+- Add Sonarqube tag using circularity-frontend addons list [EEA Jenkins - [`76a41c7`](https://github.com/eea/volto-eea-design-system/commit/76a41c786995fd54afe4d1c345de939f683ffa70)]
 - fix broken variable call for contentBox.variables introduced in previous commit by mistake [David Ichim - [`d249c11`](https://github.com/eea/volto-eea-design-system/commit/d249c1160d19bedb174a2fde3fdab48d9ce297d4)]
 - clean up [Miu Razvan - [`89f3cb3`](https://github.com/eea/volto-eea-design-system/commit/89f3cb33d70a14806a953f0acd1807e94169ee5c)]
 - Feature(container): flexible container size #260 from eea/feature-flexible-container [ichim-david - [`8f84c5b`](https://github.com/eea/volto-eea-design-system/commit/8f84c5b67afe9cbe01b2a44a8f92a9a554e1036a)]
@@ -919,6 +967,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :nail_care: Enhancements
 
+- change(jenkins): added yarn policy for storybook building [ichim-david - [`3d1b844`](https://github.com/eea/volto-eea-design-system/commit/3d1b844efeea40b99c00c9aa97089e0a0be58a57)]
 - change(docusaurus): typography updates [ichim-david - [`60a93a4`](https://github.com/eea/volto-eea-design-system/commit/60a93a4aece4e478ae13c2dfe697fd3703aa178a)]
 - change(accordion): allow customization of accordion title with css variables [David Ichim - [`15e7d27`](https://github.com/eea/volto-eea-design-system/commit/15e7d27f02c640df582f51a51ef36e645723f842)]
 - change(content-box): added css variables that will set text color and background for children [David Ichim - [`86cac53`](https://github.com/eea/volto-eea-design-system/commit/86cac531cc94386b6022e1be80dba826b39f2443)]
@@ -953,6 +1002,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - Merge pull request #243 from eea/develop [ichim-david - [`576564c`](https://github.com/eea/volto-eea-design-system/commit/576564ce395ee6ac9e74bcb19d5c4f0b4cd3c33b)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`4a5be6e`](https://github.com/eea/volto-eea-design-system/commit/4a5be6eec78dae230626e61ea2c77e7f3c62510d)]
 - Back to dev [Alin Voinea - [`b251255`](https://github.com/eea/volto-eea-design-system/commit/b251255a7ed14d8290717726d86eaf54b87aa2d4)]
 ### [0.9.0](https://github.com/eea/volto-eea-design-system/compare/0.8.1...0.9.0) - 19 September 2022
 
@@ -1708,6 +1758,10 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - prettier changes [David Ichim - [`134da52`](https://github.com/eea/volto-eea-design-system/commit/134da52549b9d5eac5a12b7ad3005073500ac2c4)]
+- [JENKINSFILE] remove debug, add error per stage [valentinab25 - [`903eecd`](https://github.com/eea/volto-eea-design-system/commit/903eecdb6bcbb8d73cff5e447d80c85e2a2c906d)]
+- [JENKINSFILE] mention comment author in comment [valentinab25 - [`39a26aa`](https://github.com/eea/volto-eea-design-system/commit/39a26aa1ff0f35e93e8df9f442c29c5ab79ff493)]
+- [JENKINSFILE] format PR comments [valentinab25 - [`739438c`](https://github.com/eea/volto-eea-design-system/commit/739438c64950c745d630d1998314a2bed595b23a)]
+- [JENKINSFILE] Add failure comment, no jenkins fail [valentinab25 - [`c325bf1`](https://github.com/eea/volto-eea-design-system/commit/c325bf14f3fb0da150f2a56cda0a9f03d8d8a628)]
 ### [0.2.3](https://github.com/eea/volto-eea-design-system/compare/0.2.2...0.2.3) - 29 April 2022
 
 #### :rocket: New Features
@@ -2132,6 +2186,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - set profile section overflow to auto [nileshgulia1 - [`71ab47f`](https://github.com/eea/volto-eea-design-system/commit/71ab47f89a433233c14b394c3824e607dd18a393)]
 - remove segment custom width [nileshgulia1 - [`1d3ea40`](https://github.com/eea/volto-eea-design-system/commit/1d3ea40f98bbdc1eab95b4da739a659b5e29ec16)]
 - fix profile section css overflow [nileshgulia1 - [`db5126f`](https://github.com/eea/volto-eea-design-system/commit/db5126fc902e191d1e18fb7e4c54877c8d8786e6)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`647a6e3`](https://github.com/eea/volto-eea-design-system/commit/647a6e3e2093f2c4884c356eb148453551c8f33f)]
 - fix warning related to proptype [nileshgulia1 - [`946c6c6`](https://github.com/eea/volto-eea-design-system/commit/946c6c6bc9dece0985ae4b9f9cad6ece2be0ff2c)]
 - removed override already present in card.less [ichim-david - [`50d2ab2`](https://github.com/eea/volto-eea-design-system/commit/50d2ab26f85c8f409da02ec128cc1df34848ca69)]
 - update [Miu Razvan - [`bbcab87`](https://github.com/eea/volto-eea-design-system/commit/bbcab87ef4c8475f347f0daf4ab7e428e69c2316)]
@@ -2218,6 +2273,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - remove segment custom width [nileshgulia1 - [`4a60d84`](https://github.com/eea/volto-eea-design-system/commit/4a60d84d5fe76578b7760aa1dad6eef9a20916a7)]
 - Reformat header.less [Tiberiu Ichim - [`1f99dfc`](https://github.com/eea/volto-eea-design-system/commit/1f99dfc82c165304ca5600ce5138c1233615ab69)]
 - fix profile section css overflow [nileshgulia1 - [`8fd2654`](https://github.com/eea/volto-eea-design-system/commit/8fd265413149f1b5e033dffa0fbcb5ef5ecad15f)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`6051724`](https://github.com/eea/volto-eea-design-system/commit/6051724437a38675e659c797bb5586ef81286ec0)]
 - fix warning related to proptype [nileshgulia1 - [`824b9be`](https://github.com/eea/volto-eea-design-system/commit/824b9beff77aae139882cd50a1d670a02ec6f723)]
 - refactor breadcrumbs component, make it functional and customizable [nileshgulia1 - [`4ec374e`](https://github.com/eea/volto-eea-design-system/commit/4ec374e20565eb0a5aed0ff67a02cd6f77eba1f0)]
 - removed override already present in card.less [ichim-david - [`93c4e5a`](https://github.com/eea/volto-eea-design-system/commit/93c4e5aac9cc85ff2cc6c04180f6655d5f5616dc)]
@@ -2786,6 +2842,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Refs #142010 - Optimize Volto-addons gitflow pipelines [valentinab25 - [`3af46d2`](https://github.com/eea/volto-eea-design-system/commit/3af46d2b14fa0b1ef44736f25b0f9ac93b23d18d)]
 - Refs #140454  updated eea-design-system readme with extra info on package contents [David Ichim - [`d2efc3d`](https://github.com/eea/volto-eea-design-system/commit/d2efc3ddae7b91efc82cf3bce8fb8e42d696a780)]
 - Refs #140454 add h1 to the list of elements that are max 800px and centered [David Ichim - [`7d3c30f`](https://github.com/eea/volto-eea-design-system/commit/7d3c30f409aa4cb43810839f8960589456cc1b2e)]
+- Add Sonarqube tag using ims-frontend addons list [EEA Jenkins - [`8d657d0`](https://github.com/eea/volto-eea-design-system/commit/8d657d056cde5163cfe90ac66bc973f55d82e5e9)]
 ### [0.1.0](https://github.com/eea/volto-eea-design-system/compare/0.0.1...0.1.0) - 17 November 2021
 
 #### :hammer_and_wrench: Others

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-design-system",
-  "version": "1.11.0",
+  "version": "1.12.1",
   "description": "@eeacms/volto-eea-design-system: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/helpers/index.js

@@ -1,3 +1,3 @@
 export useClickOutside from './useClickOutside';
 export usePrevious from './usePrevious';
-export useOnScreen from './useOnScreen';
+export useFirstVisited from './useFirstVisited';

package/src/helpers/{useOnScreen.js → useFirstVisited.js}

@@ -1,13 +1,14 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import React from 'react';
 
-function useOnScreen(ref, rootMargin = '0px') {
-  const [isIntersecting, setIntersecting] = React.useState(false);
+function useFirstVisited(ref, rootMargin = '0px') {
+  const [intersected, setIntersected] = React.useState(false);
 
   React.useEffect(() => {
+    if (intersected) return;
     const observer = new IntersectionObserver(
       ([entry]) => {
-        setIntersecting(entry.isIntersecting);
+        setIntersected(intersected === false ? entry.isIntersecting : true);
       },
       {
         rootMargin,
@@ -24,8 +25,8 @@ function useOnScreen(ref, rootMargin = '0px') {
       }
       observer.disconnect();
     };
-  }, [ref, rootMargin]);
-  return isIntersecting;
+  }, [ref, rootMargin, intersected]);
+  return intersected;
 }
 
-export default useOnScreen;
+export default useFirstVisited;

package/src/ui/Footer/Footer.jsx

@@ -12,7 +12,7 @@ import FooterHeader from '@eeacms/volto-eea-design-system/ui/Footer/FooterHeader
 import SubFooter from '@eeacms/volto-eea-design-system/ui/Footer/SubFooter';
 import Social from '@eeacms/volto-eea-design-system/ui/Footer/Social';
 import Contact from '@eeacms/volto-eea-design-system/ui/Footer/Contact';
-import useOnScreen from '../../helpers/useOnScreen';
+import { useFirstVisited } from '@eeacms/volto-eea-design-system/helpers';
 import Description from '@eeacms/volto-eea-design-system/ui/Footer/Description';
 
 /**
@@ -26,7 +26,7 @@ const Footer = (props) => {
   const { children } = props;
 
   const bgImgRef = React.useRef();
-  const onScreen = useOnScreen(bgImgRef);
+  const onScreen = useFirstVisited(bgImgRef);
   return (
     <footer id={'footer'}>
       <div

package/src/ui/Header/HeaderMenuPopUp.js

@@ -88,7 +88,7 @@ const Countries = ({ menuItem, renderMenuItem }) => (
     <Grid.Column width={8}>
       {menuItem.items.map((section, index) => (
         <React.Fragment key={index}>
-          {section.title === 'EEA member countries' && (
+          {index === 0 && (
             <ItemGrid
               sectionTitle={section.title}
               item={section}
@@ -103,7 +103,7 @@ const Countries = ({ menuItem, renderMenuItem }) => (
       <Grid columns={1} className="nested-grid">
         {menuItem.items.map((section, index) => (
           <React.Fragment key={index}>
-            {section.title !== 'EEA member countries' && (
+            {index !== 0 && (
               <Grid.Column>
                 <ItemGrid
                   sectionTitle={section.title}

package/theme/themes/eea/elements/header.overrides

@@ -100,106 +100,3 @@
   flex: 1 0 auto;
   align-items: center;
 }
-
-//@media only screen and (max-width: @mobileWidth) {
-//  .ui.segment.header-wrapper {
-//    position: sticky !important;
-//    z-index: 3;
-//    background: @white;
-//  }
-//
-//  .ui.segment {
-//    position: initial !important;
-//  }
-//
-//  .header .logo-nav-wrapper {
-//    margin: 10px 0 10px;
-//  }
-//}
-//
-//.ui.segment.header-wrapper {
-//  padding: 0;
-//}
-//
-//.ui.segment .header {
-//  padding: 0 15px;
-//}
-//
-//.header .logo-nav-wrapper {
-//  align-items: center;
-//
-//  .navigation {
-//    display: flex;
-//    width: 100%;
-//    align-items: center;
-//    justify-content: center;
-//  }
-//}
-//
-//.header .logo-nav-wrapper .ui.pointing.secondary {
-//  display: flex;
-//  width: 100%;
-//  max-width: 100%;
-//  justify-content: unset;
-//  margin: 0 !important;
-//
-//  .navigation-links {
-//    display: inline-flex;
-//    width: 100%;
-//    justify-content: center;
-//  }
-//
-//  .tools-wrapper {
-//    display: flex;
-//    flex: 1 0 auto;
-//    align-items: center;
-//  }
-//
-//  .tools-search-wrapper {
-//    margin-left: 0;
-//  }
-//
-//  .search form {
-//    padding-top: 0 !important;
-//  }
-//}
-//
-//@media only screen and (max-width: 766px) {
-//  // #141204 take into account that for the header wrapper on mobile views
-//  // we have the volto toolbar on top
-//  .has-toolbar-collapsed .header-wrapper {
-//    top: 20px;
-//  }
-//
-//  .has-toolbar .header-wrapper {
-//    top: 100px;
-//  }
-//}
-//
-//@media only screen and (min-width: 768px) and (max-width: @mobileWidth) {
-//  // #141204 use fixed position instead of sticky in order to always
-//  // have the header on top from 768px to 1279px
-//  .ui.segment.header-wrapper {
-//    position: fixed !important;
-//    top: 0;
-//  }
-//
-//  .header-wrapper {
-//    width: 100%; // when position fixed div behaves as inline
-//  }
-//
-//  .has-toolbar .header-wrapper {
-//    width: calc(100% - 80px); // toolbar width
-//  }
-//
-//  .has-toolbar-collapsed .header-wrapper {
-//    width: calc(100% - 20px);
-//  }
-//}
-//
-//.ui.right.sidebar.metadata-sidebar.menu,
-//.ui.left.sidebar.metadata-sidebar.menu {
-//  .ui.header {
-//    padding: 0;
-//  }
-//}

package/theme/themes/eea/elements/segment.overrides

@@ -8,6 +8,13 @@
   padding-left: 0;
 }
 
+@media print {
+  .ui.basic.segment.content-area {
+    margin-top: 0;
+    padding-top: 0;
+  }
+}
+
 .ui.primary.segment {
   border-bottom: @4px solid @greyBorderColor;
   font-size: @16px;

package/theme/themes/eea/extras/banner.less

@@ -228,4 +228,16 @@
   }
 }
 
+@media print {
+  .eea.banner .gradient .content,
+  .eea.banner .image .gradient .content {
+    padding-top: @printContentPadding;
+  }
+
+  .eea.banner .gradient .content > div > div {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+}
+
 .loadUIOverrides();

package/theme/themes/eea/extras/banner.variables

@@ -17,11 +17,13 @@
 @mobileContentPadding      : 1rem 0 1.25rem;
 @tabletContentPadding      : 3rem 0 1.25rem;
 @computerContentPadding    : 5rem 0 1.25rem;
+@printContentPadding       : 15px;
 
 @mobileContentPaddingWithImage      : 6.25rem 0 1.25rem;
 @tabletContentPaddingWithImage      : 12.5rem 0 1.25rem;
 @computerContentPaddingWithImage    : 15.625rem 0 1.25rem;
 
+
 /* Title */
 @titleFontWeight           : @bold;
 @titleMaxWidth             : 100%;

package/theme/themes/eea/extras/custom.overrides

@@ -109,13 +109,6 @@
   }
 }
 
-
-// ensure background of content-box goes above the content area
-// draft image for non published pages
-.view-viewview:not(.wf-state-published) .content-area {
-    z-index: 0;
-}
-
 // remove margin from block headings overriding blocks.less rule
 .block h1:last-child, .block h2:last-child, .block h3:last-child, .block h4:last-child, .block h5:last-child {
     margin: 0;

package/theme/themes/eea/extras/footer.less

@@ -216,6 +216,9 @@ footer .footer-wrapper .menu {
       padding: @computerWrapperPadding;
       background-size: @computerWrapperBackgroundSize;
     }
+    .footer-wrapper-nobg {
+      padding: @computerWrapperPadding;
+    }
   }
 
   footer .theme-sites {
@@ -234,7 +237,6 @@ footer .footer-wrapper .menu {
       .header {
         margin-bottom: @computerItemHeaderMarginBottom;
       }
-
     }
 
     .contact-block .subcontact a {

package/theme/themes/eea/extras/header.less

@@ -281,10 +281,6 @@
   }
 }
 
-#main .main-menu .item:first-child {
-  display: none; // hide home nav item
-}
-
 .main-menu.inverted {
   .item a {
     color: @mainMenuItemInvertedColor;
@@ -322,7 +318,8 @@
 }
 
 .eea.header .subsite-logo {
-  position: relative;
+  position: @subsitePosition;
+  z-index: @subsiteZIndex;
   color: @subsiteColor;
   font-family: @subsiteFontFamily;
   font-size: @mobileSubsiteFontSize;
@@ -874,11 +871,6 @@
   }
 }
 
-// hide home link and accordion content from mobile menu
-#main #mega-menu .mobile > .ui.accordion > .title:first-child {
-  display: none;
-}
-
 // hide content of accordion titles that are not active
 #main #mega-menu .ui.accordion .title:first-child + .content:not(.active) {
   display: none;

package/theme/themes/eea/extras/header.variables

@@ -33,7 +33,7 @@
 @topSectionItemFontSize               : @font-size-00;
 @mobileTopSectionItemFontSize         : @font-size-00;
 @tabletTopSectionItemFontSize         : @font-size-00;
-@topSectionZIndex                     : @z-index-1;
+@topSectionZIndex                     : @z-index-3;
 @dropdownColor                        : @blue-grey-6;
 @mobileDropdownFontSize               : @font-size-00;
 @tabletDropdownFontSize               : @font-size-00;
@@ -130,6 +130,8 @@
 
 
 /* Subsite */
+@subsitePosition                      : relative;
+@subsiteZIndex                        : 1;
 @subsiteFontFamily                    : @headerFont;
 @subsiteFontWeight                    : @headerFontWeight;
 @subsiteColor                         : @linkColor;

package/theme/themes/eea/extras/hero.less

@@ -100,4 +100,37 @@
   }
 }
 
+@media print {
+  .eea.hero-block.full-height,
+  .eea.hero-block.full-height .hero-block-image-wrapper,
+  .eea.hero-block.full-height .hero-block-inner-wrapper {
+    min-height: unset;
+  }
+
+  .hero-block-inner-wrapper {
+    padding-top: @heroBlockPrintPadding;
+    padding-bottom: @heroBlockPrintPadding;
+  }
+
+  .hero-block-image-wrapper {
+    left: 0 !important;
+    right: 0 !important;
+    padding-left: 0 !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    padding-right: 0% !important;
+    width: 100% !important;
+    break-inside: avoid-page;
+  }
+
+  .hero-block {
+    break-inside: avoid-page;
+  }
+
+  .hero-block-body .eea.copyright {
+    display: none;
+    visibility: hidden;
+  }
+}
+
 .loadUIOverrides();

package/theme/themes/eea/extras/hero.variables

@@ -26,6 +26,7 @@
 @heroBlockWrapperPadding : 5rem;
 @tableHeroBlockWrapperPadding: 6rem;
 @desktopHeroBlockWrapperPadding: 194px 96px;
+@heroBlockPrintPadding: 20px;
 
 /* Body */
 @mobileHeroBlockBodyGap  : @rem-space-6;

package/theme/themes/eea/globals/site.overrides

@@ -29,7 +29,9 @@ h2, h3, h4, h5, h6 {
   color: @contentAreaColor;
 }
 
-[id="page-document"] > * {
+[id="page-document"] > *,
+.view-wrapper > *
+{
   margin-left: auto !important;
   margin-right: auto !important;
 }
@@ -37,7 +39,8 @@ h2, h3, h4, h5, h6 {
 [class~="view-defaultview"] [id="page-document"] > *,
 [class~="view-viewview"] [id="page-document"] > *,
 #main .container_width,
-#main .has--size--container_width
+#main .has--size--container_width,
+.view-wrapper > *
 {
   max-width: @containerWidth !important;
 }
@@ -150,3 +153,38 @@ a {
       }
   }
 }
+
+@media print {
+  .skiplinks-wrapper,
+  .top.bar,
+  .main.bar.transparency,
+  .main-menu,
+  .eea .header .action,
+  .slider-arrow,
+  #footer,
+  #page-header .action,
+  #inpage-navigation {
+    display: none;
+    visibility: hidden;
+  }
+  .logo {
+    margin-left: 0;
+  }
+  .static-banner {
+    display: none;
+    visibility: hidden;
+  }
+  .image {
+   page-break-inside: avoid;  
+  }
+  img {
+   page-break-inside: avoid;  
+  }
+  .card { 
+  page-break-inside: avoid;  
+
+  }
+  .grid-block-teaser .card{
+    page-break-inside: auto;  
+  }
+}