@eeacms/volto-bise-policy 1.2.24 → 1.2.26

package/CHANGELOG.md

@@ -4,11 +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).
 
-### [1.2.24](https://github.com/eea/volto-bise-policy/compare/1.2.23...1.2.24) - 22 October 2025
+### [1.2.26](https://github.com/eea/volto-bise-policy/compare/1.2.25...1.2.26) - 28 October 2025
 
-#### :hammer_and_wrench: Others
+#### :rocket: New Features
+
+- feat: added colors for Marine EUNIS habitat groups [laszlocseh - [`ccfce3f`](https://github.com/eea/volto-bise-policy/commit/ccfce3f242a2a00e4c5118a5332cb59f1b9fdb39)]
+
+### [1.2.25](https://github.com/eea/volto-bise-policy/compare/1.2.24...1.2.25) - 23 October 2025
+
+#### :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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-bise-policy",
-  "version": "1.2.24",
+  "version": "1.2.26",
   "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/src/styles-config.js

@@ -57,7 +57,16 @@ const config = (config) => {
     '#BCBEC0', // grey shade
     '#E6E7E8', // grey shade
     '#F9F9F9', // grey shade
+    '#FEFEFE', // white
     '#FFFFFF', // white
+    // Habitat group colors
+    '#FEF6CD', // group 1
+    '#CDE6F7', // group 2
+    '#DCEED6', // group 3
+    '#FEE2D5', // group 4
+    '#D6D7D9', // group 5
+    '#E8A7C1', // group 6
+    '#6989A5', // group 7
   ];
 
   config.blocks.blocksConfig.columnsBlock =

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';