@eeacms/volto-bise-policy 1.2.24 → 1.2.25

package/CHANGELOG.md

@@ -4,11 +4,18 @@ 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.2.24](https://github.com/eea/volto-bise-policy/compare/1.2.23...1.2.24) - 22 October 2025
+### [1.2.25](https://github.com/eea/volto-bise-policy/compare/1.2.24...1.2.25) - 23 October 2025
 
-#### :hammer_and_wrench: Others
+#### :rocket: New Features
+
+- feat(dependencies): remove volto-spotlight [Miu Razvan - [`ad88c19`](https://github.com/eea/volto-bise-policy/commit/ad88c1921de8a490997ad3b34f7b36ebe1366e63)]
+
+#### :bug: Bug Fixes
+
+- fix(header): remove gap in natura2000 added by eea-design-system [Miu Razvan - [`6d51c65`](https://github.com/eea/volto-bise-policy/commit/6d51c657bd9acb2d9d6ad6cf6e1752045b4b8fc6)]
+
+### [1.2.24](https://github.com/eea/volto-bise-policy/compare/1.2.23...1.2.24) - 22 October 2025
 
-- remove redundent style [Miu Razvan - [`d47403b`](https://github.com/eea/volto-bise-policy/commit/d47403b917ff41a3950df1ef0e42425a368270d0)]
 ### [1.2.23](https://github.com/eea/volto-bise-policy/compare/1.2.22...1.2.23) - 26 August 2025
 
 #### :hammer_and_wrench: Others
@@ -142,7 +149,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - chore: customize root theme to use volto-spotlight - refs #259794 [ana-oprea - [`347f96e`](https://github.com/eea/volto-bise-policy/commit/347f96e335139f9656abd34c308c531b05de85e7)]
 - chore: change the theme and alias to volto-spotlight and add volto-spotlight to package.json - refs #259794 [ana-oprea - [`52732a1`](https://github.com/eea/volto-bise-policy/commit/52732a17b3247a04ffae0a3f5118e173afa98157)]
 - chore: change theme to eea-volto-theme, change config.alias - refs #259794 [ana-oprea - [`c2d08ea`](https://github.com/eea/volto-bise-policy/commit/c2d08ea08a7f0e5f6f7d32149e60ea3f3e901923)]
-- chore: [JENKINS] Refactor automated testing [valentinab25 - [`a3c9488`](https://github.com/eea/volto-bise-policy/commit/a3c9488c5d09ba97fe5976675524d436080a2460)]
 - chore: husky, lint-staged use fixed versions [valentinab25 - [`fddc30f`](https://github.com/eea/volto-bise-policy/commit/fddc30f11a1d8ec290edaca2d924282f5e113bc6)]
 - chore:volto 16 in tests, update docs, fix stylelint overrides [valentinab25 - [`005ce74`](https://github.com/eea/volto-bise-policy/commit/005ce742dbd014fde27e417059251233365766dd)]
 
@@ -155,17 +161,9 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - test: Update jest,Jenkinsfile,lint to volto-addons-template PR30 [valentinab25 - [`c1277ba`](https://github.com/eea/volto-bise-policy/commit/c1277bacf840ee9feccbfd6a2c85f0b25a9a9125)]
 - test: Update jest,Jenkinsfile,lint to volto-addons-template PR30 [valentinab25 - [`c944153`](https://github.com/eea/volto-bise-policy/commit/c944153710fd53c5d48863cf363464273e25f52e)]
 - test: Update jest,Jenkinsfile,lint to volto-addons-template PR30 [valentinab25 - [`d648d52`](https://github.com/eea/volto-bise-policy/commit/d648d525a2fc5076577fe0f75ff9782bf0d1d4e9)]
-- test: [JENKINS] fix jest config, fail with logs on coverage [valentinab25 - [`2a7affe`](https://github.com/eea/volto-bise-policy/commit/2a7affe33d737704bdba117c4a5c8c6748ef7a47)]
-- test: [JENKINS] fix jest config, fail with logs on coverage [valentinab25 - [`5929642`](https://github.com/eea/volto-bise-policy/commit/59296420105d0e8c1f1547aa0cd17a019e478c2b)]
-- test: [JENKINS] fix jest config, fail with logs on coverage [valentinab25 - [`b1142f1`](https://github.com/eea/volto-bise-policy/commit/b1142f1da3667a9f56720f65bebce897a5dd8005)]
 - test: cypress should not wait for navigation, actions, types - refs #259794 [ana-oprea - [`188637c`](https://github.com/eea/volto-bise-policy/commit/188637c78a0cae71b5ee48022507d559dfaceb3e)]
-- test: [JENKINS] Use java17 for sonarqube scanner [valentinab25 - [`fa4e473`](https://github.com/eea/volto-bise-policy/commit/fa4e473018386ec3f09d7300d655c8cccdc19a0e)]
-- test: [JENKINS] Run cypress in started frontend container [valentinab25 - [`1d9135b`](https://github.com/eea/volto-bise-policy/commit/1d9135bb878b3c7a1b828085b99b9d27d78ce60e)]
 - remove cypress tests as it doesn t work on bise [Dobricean Ioan Dorian - [`ba7e2de`](https://github.com/eea/volto-bise-policy/commit/ba7e2defea2dcfd01537c3abb41fa9515ff0a3e3)]
 - add mega menu layout settings as #259794 said [dobri1408 - [`b9a3683`](https://github.com/eea/volto-bise-policy/commit/b9a3683e7d85f8c88ad8feac975c47c434f62c4a)]
-- test: [JENKINS] Add cpu limit on cypress docker [valentinab25 - [`9181908`](https://github.com/eea/volto-bise-policy/commit/9181908c7f4b51bdf83a34f8c7f25827de9b1cc6)]
-- test: [JENKINS] Increase shm-size to cypress docker [valentinab25 - [`099d796`](https://github.com/eea/volto-bise-policy/commit/099d79669471e6924bf1e0bc51a79d54379c3a1a)]
-- test: [JENKINS] Improve cypress time [valentinab25 - [`6d5d8e2`](https://github.com/eea/volto-bise-policy/commit/6d5d8e29b04ddb92628245570055067ca3dcbb6c)]
 - test: fix comment [valentinab25 - [`4f27d5a`](https://github.com/eea/volto-bise-policy/commit/4f27d5af2e8895c7af4f1157521ca42682b96e23)]
 - test: EN locales, pre-commit fix, feature PRs checks Refs #257193 [valentinab25 - [`4c2fcb0`](https://github.com/eea/volto-bise-policy/commit/4c2fcb01065e1ef962317ba7be788fd1df079618)]
 - test: Update Makefile and docker-compose to align it with Jenkinsfile [valentinab25 - [`89afaa1`](https://github.com/eea/volto-bise-policy/commit/89afaa15892930452027ef8c8593fc6d193cda70)]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-bise-policy",
-  "version": "1.2.24",
+  "version": "1.2.25",
   "description": "@eeacms/volto-bise-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -18,7 +18,6 @@
     "@eeacms/volto-eea-design-system",
     "@eeacms/volto-eea-website-theme",
     "@eeacms/volto-resize-helper",
-    "@eeacms/volto-spotlight",
     "@plone-collective/volto-authomatic"
   ],
   "repository": {
@@ -31,7 +30,6 @@
     "@eeacms/volto-eea-design-system": "*",
     "@eeacms/volto-eea-website-theme": "*",
     "@eeacms/volto-resize-helper": "*",
-    "@eeacms/volto-spotlight": "*",
     "@plone-collective/volto-authomatic": "2.0.1",
     "esri-loader": "3.7.0",
     "plotly.js": "^2.28.0",

package/theme/extras/header.overrides

@@ -78,13 +78,16 @@
 ----------------------------------------------------------------------------*/
 
 .subsite.subsite-natura2000 {
+  .main.bar .ui.text.menu {
+    gap: 0;
+  }
   .eea.header .main.bar {
     backdrop-filter: blur(2px);
     background-color: hsla(0, 0%, 100%, 0.8);
   }
   .eea.header .main.bar > .ui.container {
     height: 160px;
-    width: 100%;
+    // width: 100%;
   }
   .eea.header .main-menu {
     align-items: center;

package/theme/globals/mixins.breakpoints.less

@@ -0,0 +1,85 @@
+@breakpointOffset: 0;
+@minOffset: 0;
+@maxOffset: 0;
+@extraRule: '';
+
+.media(@breakpointName, @rules) {
+  @breakpointRule: @@breakpointName;
+  @withoutToolbar: ~":not(.has-toolbar):not(.has-toolbar-collapsed)"; 
+  @withoutSidebar: ~":not(.has-sidebar):not(.has-sidebar-collapsed)"; 
+  body {
+    &@{withoutToolbar}@{withoutSidebar} {
+      @maxOffset: @scrollbarWidth;
+      @extraRule: ~"(min-width: @{tabletBreakpoint})";
+      @media @breakpointRule { @rules(); }
+    }
+
+    &@{withoutSidebar} {
+      &.has-toolbar {
+        @maxOffset: @toolbarWidth + @scrollbarWidth;
+        @extraRule: ~"(min-width: @{tabletBreakpoint})";
+        @media @breakpointRule { @rules(); }
+      }
+
+      &.has-toolbar-collapsed {
+        @maxOffset: @collapsedWidth + @scrollbarWidth;
+        @extraRule: ~"(min-width: @{tabletBreakpoint})";
+        @media @breakpointRule { @rules(); }
+      }
+    }
+
+    &@{withoutToolbar} {
+      &.has-sidebar {
+        @maxOffset: @sidebarWidth + @scrollbarWidth;
+        @extraRule: ~"(min-width: @{tabletBreakpoint})";
+        @media @breakpointRule { @rules(); }
+      }
+
+      &.has-sidebar-collapsed {
+        @maxOffset: @collapsedWidth + @scrollbarWidth;
+        @extraRule: ~"(min-width: @{tabletBreakpoint})";
+        @media @breakpointRule { @rules(); }
+      }
+    }
+
+    &.has-toolbar.has-sidebar {
+      @maxOffset: @toolbarWidth + @sidebarWidth + @scrollbarWidth;
+      @extraRule: ~"(min-width: @{tabletBreakpoint})";
+      @media @breakpointRule { @rules(); }
+    }
+
+    &.has-toolbar.has-sidebar-collapsed {
+      @maxOffset: @toolbarWidth + @collapsedWidth + @scrollbarWidth;
+      @extraRule: ~"(min-width: @{tabletBreakpoint})";
+      @media @breakpointRule { @rules(); }
+    }
+
+    &.has-toolbar-collapsed.has-sidebar {
+      @maxOffset: @collapsedWidth + @sidebarWidth + @scrollbarWidth;
+      @extraRule: ~"(min-width: @{tabletBreakpoint})";
+      @media @breakpointRule { @rules(); }
+    }
+
+    &.has-toolbar-collapsed.has-sidebar-collapsed {
+      @maxOffset: 2 * @collapsedWidth + @scrollbarWidth;
+      @extraRule: ~"(min-width: @{tabletBreakpoint})";
+      @media @breakpointRule { @rules(); }
+    }
+  }
+}
+
+.innerTablet(@rules) {
+  .media(innerTablet, @rules);
+}
+.innerSmallMonitor(@rules) {
+  .media(innerSmallMonitor, @rules);
+}
+.innerLargeMonitor(@rules) {
+  .media(innerLargeMonitor, @rules);
+}
+.innerNarrowMonitor(@rules) {
+  .media(innerNarrowMonitor, @rules);
+}
+.innerWideMonitor(@rules) {
+  .media(innerWideMonitor, @rules);
+}

package/theme/globals/mixins.less

@@ -0,0 +1,60 @@
+@import './mixins.breakpoints.less';
+
+// Gradient Mixin
+.gradientMix(@type; @colors; @dir: 0deg; @prefixes: webkit, moz, ms, o; @index: length(@prefixes)) when (@index > 0) {
+  .gradientMix(@type; @colors; @dir; @prefixes; (@index - 1));
+
+  @prefix  : extract(@prefixes, @index);
+  @dir-old : 90 - (@dir);
+
+  background-image: ~"-@{prefix}-@{type}-gradient(@{dir-old}, @{colors})";
+  & when ( @index = length(@prefixes) ) {
+    background-image: ~"@{type}-gradient(@{dir}, @{colors})";
+  }
+}
+
+.image-overlay-gradient() {
+  .gradientMix(linear; rgba(46, 62, 76, 0.65) 38.6%, rgba(46, 62, 76, 0.169) 59.52%, rgba(69, 95, 106, 0) 79.64%; 13.39deg)
+}
+
+.useTitleMaxLines(@value: 2) {
+  display: -webkit-box !important;
+  overflow: hidden;
+
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--title-max-lines, @value);
+}
+
+.full-width() {
+  position: relative;
+  width: calc(@pageFullWidth) !important;
+  max-width: initial !important;
+  left: 50% !important;
+  right: 50% !important;
+  margin-left: calc(-1 * (@pageHalfWidth)) !important;
+  margin-right: calc(-1 * (@pageHalfWidth)) !important;
+}
+
+.full-width-edit() {
+  position: relative;
+  width: calc(@pageFullWidthEdit) !important;
+  max-width: initial !important;
+  left: 50% !important;
+  right: 50% !important;
+  margin-left: calc(-1 * (@pageHalfWidthEdit)) !important;
+  margin-right: calc(-1 * (@pageHalfWidthEdit)) !important;
+}
+
+.half-width(@maxWidth: unset) {
+  position: relative;
+  flex: 0 0 auto;
+  width: calc(@pageHalfWidth) !important;
+  max-width: @maxWidth !important;
+}
+
+.half-width-edit(@maxWidth: unset) {
+  position: relative;
+  flex: 0 0 auto;
+  width: calc(@pageHalfWidthEdit) !important;
+  max-width: @maxWidth !important;
+}

package/theme/globals/site.overrides

@@ -2,6 +2,34 @@
         Global Overrides
 *******************************/
 
+body {
+  --toolbar-width: 0px;
+  --sidebar-width: 0px;
+
+  &.has-toolbar {
+    --toolbar-width: @toolbarWidth;
+  }
+
+  &.has-toolbar-collapsed {
+    --toolbar-width: @collapsedWidth;
+  }
+
+  &.has-sidebar {
+    --sidebar-width: @sidebarWidth;
+  }
+
+  &.has-sidebar-collapsed {
+    --sidebar-width: @collapsedWidth;
+  }
+
+  @media @mobile {
+    &.has-toolbar,
+    &.has-toolbar-collapsed {
+      --toolbar-width: 0px;
+    }
+  }
+}
+
 @import '../extras/widgets';
 @import '../extras/keyfacts';
 @import '../extras/factsheets';
@@ -57,7 +85,7 @@ a {
   color: @linkColor;
 
   &:visited {
-    color:  @linkColor;
+    color: @linkColor;
   }
 
   &:active {
@@ -294,7 +322,7 @@ p.has--clear--both:empty {
 
 .style-select-widget {
   svg.light-green {
-    background-color:@green-1;
+    background-color: @green-1;
     fill: @tertiaryColor !important;
   }
 }
@@ -329,4 +357,4 @@ p.has--clear--both:empty {
       border-right: 0.1rem solid @secondaryColor !important;
     }
   }
-}
+}

package/theme/globals/site.variables

@@ -1,11 +1,69 @@
 /*******************************
          Site Settings
 *******************************/
-
+@import '@eeacms/volto-bise-policy/../theme/globals/mixins';
 @import '@eeacms/volto-bise-policy/../theme/tokens/tokens';
 
-// @fontName: 'OpenSans';
-// @fontSize: 16px;
+/*-------------------
+  Pastanaga Toolbar
+--------------------*/
+
+@collapsedWidth: 20px;
+@sidebarWidth: 375px;
+@toolbarWidth: 80px;
+@toolbarWidthMin: @collapsedWidth;
+@fullSizeIcon: 36px;
+
+/*-------------------
+     Breakpoints
+--------------------*/
+@breakpointOffset: 0;
+@minOffset: 0;
+@maxOffset: @scrollbarWidth;
+@extraRule: '';
+
+@narrowBreakpoint: 900px;
+
+@mobile: breakpoint(0, @largestMobileScreen);
+@mobileUp: breakpoint(@tabletBreakpoint, 0);
+@tablet: breakpoint(@tabletBreakpoint, @largestTabletScreen);
+@tabletUp: breakpoint(@computerBreakpoint, 0);
+@smallMonitor: breakpoint(@computerBreakpoint, @largestSmallMonitor);
+@smallMonitorUp: breakpoint(@computerBreakpoint, 0);
+@largeMonitor: breakpoint(@largeMonitorBreakpoint, 0);
+@narrowMonitor: breakpoint(@narrowBreakpoint, 0);
+@wideMonitor: breakpoint(@laptopMonitorBreakpoint, 0);
+
+@innerTablet: breakpoint(
+  @tabletBreakpoint + @minOffset,
+  @tabletBreakpoint + @maxOffset,
+  0,
+  @extraRule
+);
+@innerSmallMonitor: breakpoint(
+  @computerBreakpoint + @minOffset,
+  @computerBreakpoint + @maxOffset,
+  0,
+  @extraRule
+);
+@innerLargeMonitor: breakpoint(
+  @largeMonitorBreakpoint + @minOffset,
+  @largeMonitorBreakpoint + @maxOffset,
+  0,
+  @extraRule
+);
+@innerNarrowMonitor: breakpoint(
+  @narrowBreakpoint + @minOffset,
+  @narrowBreakpoint + @maxOffset,
+  @breakpointOffset,
+  @extraRule
+);
+@innerWideMonitor: breakpoint(
+  @laptopMonitorBreakpoint + @minOffset,
+  @laptopMonitorBreakpoint + @maxOffset,
+  @breakpointOffset,
+  @extraRule
+);
 
 /*-------------------
     Brand Colors
@@ -24,4 +82,22 @@
 @linkHoverColor: @primaryColor;
 @linkActiveColor: @linkHoverColor;
 
-@scrollbarWidth: 15px;
+@scrollbarWidth: 15px;
+
+@toolbarWidthCSS: var(--toolbar-width, 0px);
+@sidebarWidthCSS: var(--sidebar-width, 0px);
+@scrollbarWidthCSS: var(--scrollbar-width, 0px);
+@editMinimumGutter: 3rem;
+@editGutter: var(--edit-gutter, 0px);
+@parentGutter: ~'(@{pageFullWidth} - 100%) / 2';
+@pageOffsetWidth: ~'@{toolbarWidthCSS} + @{sidebarWidthCSS} + @{scrollbarWidthCSS}';
+@offsetWidth: ~'@{toolbarWidthCSS} + @{sidebarWidthCSS}';
+@pageFullWidth: ~'var(--vw, 1vw) * 100 - (@{offsetWidth})';
+@pageFullWidthEdit: ~'var(--vw, 1vw) * 100 - (@{offsetWidth} + @{editMinimumGutter} * 2)';
+@pageFullHeight: ~'var(--vh, 1vh) * 100';
+@pageHalfWidth: ~'var(--vw, 1vw) * 50 - (@{offsetWidth}) / 2';
+@pageHalfWidthEdit: ~'var(--vw, 1vw) * 50 - (@{offsetWidth} + @{editMinimumGutter} * 2) / 2';
+@pageHalfHeight: ~'var(--vh, 1vh) * 100';
+
+@view: ~'body:not(.section-edit):not(.section-add)';
+@edit: ~'body.section-edit,body.section-add';

package/theme/theme.config

@@ -18,13 +18,13 @@
 */
 
 /* Global */
-@site        : 'mirage';
+@site        : 'eea';
 @reset       : 'eea';
 @mixins      : 'mirage';
 
 /* Elements */
 @button      : 'eea';
-@container   : 'mirage';
+@container   : 'eea';
 @divider     : 'eea';
 @flag        : 'eea';
 @header      : 'eea';
@@ -78,24 +78,22 @@
 @main        : 'eea';
 @custom      : 'eea';
 /* EEA Design system custom components */
-@blockquote          : 'eea';
-@pullquote           : 'eea';
-@banner              : 'eea';
-@timeline            : 'eea';
-@footer              : 'eea';
-@header              : 'mirage';
-@tag                 : 'eea';
-@tags                : 'eea';
-@tagList             : 'eea';
-@inpageNavigation    : 'eea';
-@contextNavigation   : 'eea';
-@avatar           : 'eea';
+@blockquote       : 'eea';
+@pullquote        : 'eea';
+@banner           : 'eea';
+@timeline         : 'eea';
+@footer           : 'eea';
+@header           : 'eea';
+@tag              : 'eea';
+@tags             : 'eea';
+@tagList          : 'eea';
+@inpageNavigation : 'eea';
+@contextNavigation : 'eea';
 @divider          : 'eea';
 @testimonial      : 'eea';
-@avatarGrid       : 'eea';
 @keyContent       : 'eea';
 @publicationCard  : 'eea';
-@contentBox       : 'mirage';
+@contentBox       : 'eea';
 @reverseCardGrid  : 'eea';
 @relatedContent   : 'eea';
 @share            : 'eea';
@@ -104,35 +102,36 @@
 @faqFilter        : 'eea';
 @contentAccordion : 'eea';
 @downloadLabeledIcon :'eea';
-@newTabLabeledIcon   : 'eea';
-@labeledIconGroup    : 'eea';
-@languageLabeledIcon : 'eea';
-@callout    : 'eea';
-@quote      : 'eea';
-@hero       : 'mirage';
-@copyright  : 'eea';
-@columns    : 'mirage';
-@spotlight  : 'mirage';
+@newTabLabeledIcon : 'eea';
+@labeledIconGroup : 'eea';
+@languageLabeledIcon  : 'eea';
+@callout : 'eea';
+@quote   : 'eea';
+@hero    : 'eea';
+@copyright : 'eea';
 
 /*******************************
             Folders
 *******************************/
 
 /* Path to theme packages */
-@themesFolder: '~volto-themes';
+
+@themesFolder  : '~volto-themes';
 
 /* Path to site override folder */
-@siteFolder: '../../theme';
+
+@siteFolder  : '../../theme';
 
 /*******************************
          Import Theme
 *******************************/
-@import (multiple) "~volto-spotlight-themes/../theme.less";
 
-@fontPath: "~volto-themes/default/assets/fonts";
+@import (multiple) "~eea-volto-themes/../theme.less";
+
+@fontPath : "~volto-themes/default/assets/fonts";
 
 .loadAddonOverrides() {
   @import (optional) "@{siteFolder}/@{addon}/@{addontype}s/@{addonelement}.overrides";
 }
 
-/* End Config */
+/* End Config */

package/src/customizations/@root/theme.js

@@ -1,2 +0,0 @@
-import '@eeacms/volto-spotlight/semantic.less';
-import '@plone/volto/../theme/themes/pastanaga/extras/extras.less';