@eeacms/volto-marine-policy 1.1.2 → 1.1.4

package/CHANGELOG.md

@@ -4,7 +4,15 @@ 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.1.2](https://github.com/eea/volto-marine-policy/compare/1.1.1...1.1.2) - 22 April 2024
+### [1.1.4](https://github.com/eea/volto-marine-policy/compare/1.1.3...1.1.4) - 29 April 2024
+
+#### :rocket: New Features
+
+- feat: add styleMenu styles [nileshgulia1 - [`582bc26`](https://github.com/eea/volto-marine-policy/commit/582bc26a9363181699e178e9adb6ae8449ceaab3)]
+
+### [1.1.3](https://github.com/eea/volto-marine-policy/compare/1.1.2...1.1.3) - 25 April 2024
+
+### [1.1.2](https://github.com/eea/volto-marine-policy/compare/1.1.1...1.1.2) - 24 April 2024
 
 #### :hammer_and_wrench: Others
 

package/package.json

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

package/src/index.js

@@ -348,6 +348,43 @@ const applyConfig = (config) => {
     { cssClass: 'poppins-regular', label: 'Poppins Regular' },
     { cssClass: 'poppins-light', label: 'Poppins Light' },
     { cssClass: 'poppins-bold', label: 'Poppins Bold' },
+    { cssClass: 'large-text', label: 'Large text' },
+    { cssClass: 'primary-big-text', label: 'Big text' },
+    { cssClass: 'medium-text', label: 'Medium text' },
+    { cssClass: 'small-text', label: 'Small text' },
+    { cssClass: 'blue-text', label: 'Blue text' },
+    { cssClass: 'blue-chart-text', label: 'Blue plot-chart text' },
+    { cssClass: 'green-chart-text', label: 'Green plot-chart text' },
+    { cssClass: 'yellow-chart-text', label: 'Yellow plot-chart text' },
+    { cssClass: 'orange-chart-text', label: 'Orange plot-chart text' },
+    { cssClass: 'red-chart-text', label: 'Red plot-chart text' },
+    { cssClass: 'blue-circle text-circle', label: 'Blue circle' },
+    { cssClass: 'green-circle text-circle', label: 'Green circle' },
+    { cssClass: 'orange-circle text-circle', label: 'Orange circle' },
+    { cssClass: 'yellow-circle text-circle', label: 'Yellow circle' },
+    { cssClass: 'grey-circle text-circle', label: 'Grey circle' },
+    { cssClass: 'black-text', label: 'Black text' },
+
+    {
+      cssClass: 'uwwt-empty-box blue-uwwt-background',
+      label: 'UWWT blue empty box',
+    },
+    {
+      cssClass: 'uwwt-empty-box green-uwwt-background',
+      label: 'UWWT green empty box',
+    },
+    {
+      cssClass: 'uwwt-empty-box yellow-uwwt-background',
+      label: 'UWWT yellow empty box',
+    },
+    {
+      cssClass: 'uwwt-empty-box orange-uwwt-background',
+      label: 'UWWT orange empty box',
+    },
+    {
+      cssClass: 'uwwt-empty-box red-uwwt-background',
+      label: 'UWWT red empty box',
+    },
   ];
 
   // EEA customizations

package/src/slate-styles.less

@@ -41,3 +41,114 @@
   font-family: @headerFont;
   font-weight: 600;
 }
+
+@uwwt-blue: #0079cf;
+@uwwt-green: #50b0a4;
+@uwwt-yellow: #fad936;
+@uwwt-orange: #ed763e;
+@uwwt-red: #ff544d;
+@uwwt-grey: #808080;
+
+.large-text {
+  font-size: 4rem;
+}
+
+.primary-big-text {
+  font-size: 1.625rem;
+}
+
+.medium-text {
+  font-size: 1.25rem;
+}
+
+.small-text {
+  font-size: 0.8rem;
+}
+
+.blue-chart-text {
+  color: @uwwt-blue;
+}
+
+.green-chart-text {
+  color: @uwwt-green;
+}
+
+.yellow-chart-text {
+  color: @uwwt-yellow;
+}
+
+.orange-chart-text {
+  color: @uwwt-orange;
+}
+
+.red-chart-text {
+  color: @uwwt-red;
+}
+
+.black-text {
+  color: #333;
+}
+
+#view .text-circle {
+  display: inline-block;
+  width: 125px;
+  height: 125px;
+  border-radius: 50%;
+  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  font-size: 35px !important;
+  font-weight: 600;
+  line-height: 125px !important;
+  text-align: center;
+}
+
+.grey-circle {
+  background-color: @uwwt-grey;
+  color: #fff;
+}
+
+.blue-circle {
+  background-color: @uwwt-blue;
+  color: #fff;
+}
+
+.green-circle {
+  background-color: @uwwt-green;
+  color: #fff;
+}
+
+.orange-circle {
+  background-color: @uwwt-orange;
+  color: #fff;
+}
+
+.yellow-circle {
+  background-color: @uwwt-yellow;
+  color: #fff;
+}
+
+.uwwt-empty-box {
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  margin: -2px 0 -2px 16px;
+}
+
+.blue-uwwt-background {
+  background-color: @uwwt-blue;
+}
+
+.green-uwwt-background {
+  background-color: @uwwt-green;
+}
+
+.yellow-uwwt-background {
+  background-color: @uwwt-yellow;
+}
+
+.orange-uwwt-background {
+  background-color: @uwwt-orange;
+}
+
+.red-uwwt-background {
+  background-color: @uwwt-red;
+}

package/theme/extras/header.overrides

@@ -1,7 +1,3 @@
 /*----------------------------------------------------------------------------
       HEADER MAIN BAR DESKTOP
   ----------------------------------------------------------------------------*/
-
-#main .main.bar .ui.container .main-nav ul {
-  width: max-content;
-}

package/theme/extras/header.variables

@@ -5,3 +5,4 @@
 /* Search box */
 // @searchBoxBackgroundGradient  : linear-gradient(45deg, @primaryColor 12%, @secondaryColor 80%);
 // @megaMenuBackgroundColor      : linear-gradient(45deg, @primaryColor 12%, @secondaryColor 80%);
+@mainMenuItemFontSize            : ~"min(max(0.875rem, 1.5vw), 1.05rem)";