@eeacms/volto-cca-policy 0.1.9 → 0.1.11

package/CHANGELOG.md

@@ -4,6 +4,20 @@ 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).
 
+### [0.1.11](https://github.com/eea/volto-cca-policy/compare/0.1.10...0.1.11) - 21 March 2023
+
+#### :hammer_and_wrench: Others
+
+- Be more specific with the full-width layout [kreafox - [`8905a26`](https://github.com/eea/volto-cca-policy/commit/8905a264a33afb0ba2211c82f3f9badae2542684)]
+- Improve full-width layout [kreafox - [`25bc6de`](https://github.com/eea/volto-cca-policy/commit/25bc6de1a00e5b85977f117d4b37ee503227ff52)]
+### [0.1.10](https://github.com/eea/volto-cca-policy/compare/0.1.9...0.1.10) - 20 March 2023
+
+#### :hammer_and_wrench: Others
+
+- Prettier [kreafox - [`89cd1e5`](https://github.com/eea/volto-cca-policy/commit/89cd1e5d8c72533227298dfa510e379b21aab8f4)]
+- Add style for full class [kreafox - [`b124820`](https://github.com/eea/volto-cca-policy/commit/b124820402b0c775619f5f8e4865a08120811173)]
+- Update footer link [kreafox - [`b587810`](https://github.com/eea/volto-cca-policy/commit/b5878105561ad5c2fcbb257aad4d50c112928809)]
+- Add button.overrides [kreafox - [`0c4c12b`](https://github.com/eea/volto-cca-policy/commit/0c4c12bbc72cad147a5d4b192b58f0a9c724a873)]
 ### [0.1.9](https://github.com/eea/volto-cca-policy/compare/0.1.8...0.1.9) - 20 March 2023
 
 #### :hammer_and_wrench: Others
@@ -14,7 +28,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Use latest eea-design-system [kreafox - [`460a28b`](https://github.com/eea/volto-cca-policy/commit/460a28b99d7aa17d1eab27052772841e08ba44fe)]
 - Better logo [kreafox - [`5dda132`](https://github.com/eea/volto-cca-policy/commit/5dda132268f5943e3fbfcf0689088afbc9a85d25)]
 - Update footer [kreafox - [`680f29a`](https://github.com/eea/volto-cca-policy/commit/680f29acf1458ea238df114ad464c3d0025cd707)]
-- Add override for volto-banner [Tiberiu Ichim - [`16d921a`](https://github.com/eea/volto-cca-policy/commit/16d921a65948c1c5adda6a5e16e18b5ccf262fdc)]
 ### [0.1.8](https://github.com/eea/volto-cca-policy/compare/0.1.7...0.1.8) - 16 March 2023
 
 #### :hammer_and_wrench: Others
@@ -279,6 +292,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - Refs #158294 - Update supported languages list. [GhitaB - [`0a4f91f`](https://github.com/eea/volto-cca-policy/commit/0a4f91f39b7edc367bd4c127d6a8f273c7788361)]
+- Add Sonarqube tag using cca-frontend addons list [EEA Jenkins - [`8f1f9ce`](https://github.com/eea/volto-cca-policy/commit/8f1f9ce6c22805670cc0800d3c779b6d619d0f31)]
 ### [0.1.1](https://github.com/eea/volto-cca-policy/compare/0.1.0...0.1.1) - 13 December 2022
 
 #### :hammer_and_wrench: Others

package/package.json

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

package/src/index.js

@@ -92,7 +92,7 @@ const applyConfig = (config) => {
         {
           icon: 'comment outline',
           text: 'Contact us',
-          link: '/en/mission/contact-us',
+          link: '/en/mission/about-us/contact-us',
         },
         // {
         //   icon: 'envelope outline',

package/theme/elements/button.overrides

@@ -0,0 +1,22 @@
+.ui.basic.button {
+  padding: 0;
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+  text-align: initial;
+
+  &:focus {
+    outline: none;
+  }
+}
+
+.ui.basic.primary.button,
+.ui.basic.secondary.button {
+  box-shadow: none !important;
+
+  &:hover,
+  &:active {
+    background: transparent !important;
+    box-shadow: none !important;
+  }
+}

package/theme/globals/site.overrides

@@ -134,6 +134,7 @@ body.subsite-mkh {
   }
 
   .eea.header .subsite-logo {
+    z-index: unset;
     height: 100%;
 
     .logo {
@@ -166,3 +167,79 @@ body.subsite-mkh {
     left: 280px !important;
   }
 }
+
+body.view-viewview .full {
+  position: relative !important;
+  right: 50%;
+  left: 50%;
+  width: 100vw !important;
+  max-width: initial !important;
+  margin-right: -50vw !important;
+  margin-left: -50vw !important;
+
+  > div {
+    display: block;
+    width: 100% !important;
+    margin-right: auto !important;
+    margin-left: auto !important;
+  }
+}
+
+body.view-viewview.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) {
+  .full > div {
+    width: calc(100% - @toolbarWidth) !important;
+  }
+}
+
+@media screen and (min-width: @largestMobileScreen) {
+  body.view-viewview.has-toolbar.has-sidebar {
+    .full > div {
+      width: calc(100% - (@toolbarWidth + @sidebarWidth)) !important;
+    }
+  }
+
+  body.view-viewview.has-toolbar.has-sidebar-collapsed {
+    .full > div {
+      width: calc(100% - (@toolbarWidth + @collapsedToolbarWidth)) !important;
+    }
+  }
+
+  body.view-viewview.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) {
+    .full > div {
+      width: calc(100% - @collapsedToolbarWidth) !important;
+    }
+  }
+
+  body.view-viewview.has-toolbar-collapsed.has-sidebar {
+    .full > div {
+      .full-width-block {
+        width: calc(100% - (@collapsedToolbarWidth + @sidebarWidth)) !important;
+      }
+    }
+  }
+
+  body.view-viewview.has-toolbar-collapsed.has-sidebar-collapsed {
+    .full > div {
+      width: calc(
+        100% - (@collapsedToolbarWidth + @collapsedToolbarWidth)
+      ) !important;
+    }
+  }
+}
+
+@media only screen and (max-width: 767px) {
+  body.view-viewview.has-toolbar-collapsed.has-sidebar-collapsed
+    .full.full-width-block,
+  body.view-viewview.has-toolbar.has-sidebar-collapsed .full.full-width-block {
+    width: 100% !important;
+  }
+}
+
+@media screen and (max-width: @largestMobileScreen) {
+  body.view-viewview.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed),
+  body.view-viewview.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) {
+    .full > div {
+      width: 100% !important;
+    }
+  }
+}

package/theme/globals/site.variables

@@ -14,3 +14,10 @@
 // @linkColor: @secondaryColor;
 // @linkHoverColor: @primaryColor;
 // @linkActiveColor: @linkHoverColor;
+
+// Toolbar
+@toolbarWidth                  : 80px;
+@collapsedToolbarWidth         : 20px;
+@mobileToolbarHeight           : 100px;
+@mobileCollapsedToolbarHeight  : 20px;
+@sidebarWidth                  : 375px;