@eeacms/volto-eea-design-system 0.5.3 → 0.5.4

package/CHANGELOG.md

@@ -4,8 +4,29 @@ 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.5.4](https://github.com/eea/volto-eea-design-system/compare/0.5.3...0.5.4)
+
+- change(content-box): content box links are now underlined [`f7976f5`](https://github.com/eea/volto-eea-design-system/commit/f7976f50f5807a884522d6dba871a2757a1c5a98)
+- Autobuild of docusaurus docs [`89a258a`](https://github.com/eea/volto-eea-design-system/commit/89a258a84ae58ffa0be79baf99d562213e8c8491)
+- fix(header): ensure transparency goes as high as the search icon [`4470e13`](https://github.com/eea/volto-eea-design-system/commit/4470e132e1e70fba3fdfb33fc63a1cc9d62700e8)
+- Autobuild of docusaurus docs [`4f7fa93`](https://github.com/eea/volto-eea-design-system/commit/4f7fa93e6fa1819946d25df9810378bc2bdd860e)
+- change(cards): fix default card color when inside content-boxes [`6fdf3aa`](https://github.com/eea/volto-eea-design-system/commit/6fdf3aabf9515289b36a5822e21edc5d282c4536)
+- Autobuild of docusaurus docs [`30d02ab`](https://github.com/eea/volto-eea-design-system/commit/30d02abaaa713c6ed13aa8ec629476e25307bccb)
+- change(container): removed override of content-box-inner container [`66fe7d4`](https://github.com/eea/volto-eea-design-system/commit/66fe7d45adc631c3ebf0e8dd11de19d7ff60b894)
+- Autobuild of docusaurus docs [`86f4dec`](https://github.com/eea/volto-eea-design-system/commit/86f4dec858e3f335834ea9f4e9ccfba9c06b25a9)
+- change(homepage): added fixes from custom [`c3e0333`](https://github.com/eea/volto-eea-design-system/commit/c3e03331d328f4fd7c6689f93bc1f1156013b8a9)
+- Autobuild of docusaurus docs [`a33eae9`](https://github.com/eea/volto-eea-design-system/commit/a33eae9062cc7bd44a09a6dc60babbde38811bca)
+- change(contentBox): add background as before element instead of using full-width [`7e0a596`](https://github.com/eea/volto-eea-design-system/commit/7e0a5962c1b9cb0d3ef9a8d7b7208eded34eb3ce)
+- Autobuild of docusaurus docs [`2558a85`](https://github.com/eea/volto-eea-design-system/commit/2558a85b2f98adf77204280909984c76e8e209c1)
+- change(hero): add margin top with the height of the top section on edit [`fefa6bb`](https://github.com/eea/volto-eea-design-system/commit/fefa6bb0f513e221ddb587f081c0e7d0c3067dfd)
+- Autobuild of docusaurus docs [`5c8d4d5`](https://github.com/eea/volto-eea-design-system/commit/5c8d4d5329a91fb177ddaaa4044410566f6651ab)
+- fix(block-style): Content box preview in sidebar [`6362766`](https://github.com/eea/volto-eea-design-system/commit/6362766f5e8dabf778e3864d2bb08966a55fc078)
+
 #### [0.5.3](https://github.com/eea/volto-eea-design-system/compare/0.5.2...0.5.3)
 
+> 16 June 2022
+
+-  fix(homepage): hero and homepage view fixes for #151156 [`#199`](https://github.com/eea/volto-eea-design-system/pull/199)
 - Autobuild of docusaurus docs [`084402d`](https://github.com/eea/volto-eea-design-system/commit/084402da0b1a56a5eeda970f330bcc1daf4e4cb1)
 - fix(homepage): hero and homepage fixes for #151156 #198 [`43d4efc`](https://github.com/eea/volto-eea-design-system/commit/43d4efc508750e0e9cbb93b9bffc3721be452c5a)
 - change(container): on section-edit modify only left and right padding values [`fe6e3ec`](https://github.com/eea/volto-eea-design-system/commit/fe6e3ec764643ec01e20ae9dbdde921774ef04cd)

package/package.json

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

package/src/ui/ContentBox/ContentBox.jsx

@@ -4,7 +4,11 @@ import { Container } from 'semantic-ui-react';
 function ContentBox({ children, ...rest }) {
   return (
     <div className={`eea content-box ${rest.variant}`}>
-      {rest.container ? <Container>{children}</Container> : children}
+      {rest.container ? (
+        <Container className={'content-box-inner'}>{children}</Container>
+      ) : (
+        children
+      )}
     </div>
   );
 }

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

@@ -11,7 +11,7 @@
 
 // add padding to containers on edit section so that we display add and delete buttons
 .section-edit {
-  .container:not(.content-box-inner) {
+  .container {
     width: auto !important;
     padding-left: 3rem;
     padding-right: 3rem;

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

@@ -6,20 +6,26 @@
 /*-------------------
       CONTENT BOX
 --------------------*/
+.content-box:before {
+  width: @contentBoxWidth;
+  margin-left: -50vw;
+  background-color: inherit;
+  content: " ";
+  position: absolute;
+  height: 100%;
+  z-index: -1;
+  margin-right: -50vw;
+  left: 50%;
+  right: 50%;
+}
 
 .content-box {
-  width: @contentBoxWidth;
   background-color: @contentBoxBackgroundColor;
   color: @contentBoxColorInverted;
   margin-bottom: @mediumGap;
-
   position: relative;
-  margin-right: -50vw;
-  margin-left: -50vw;
-  right: 50%;
-  left: 50%;
-  
-  .ui.container {
+
+  .content-box-inner {
     padding-top: @contentBoxContainerMarginTop;
     padding-bottom: @contentBoxContainerMarginBottom;
   }
@@ -39,3 +45,13 @@
     color: @contentBoxColor;
   }
 }
+
+// inherit link
+
+
+[class*="content-box"] a {
+  text-decoration: underline;
+}
+.content-box[class*="ary"] a {
+  color: inherit;
+}

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

@@ -2,3 +2,53 @@
 .homepage .stagingBanner {
   display: none !important;
 }
+
+// hide breadcrumbs on homepage
+.homepage .breadcrumbs {
+    display: none !important;
+}
+
+// remove margin and padding from homepage content-area since we have the bg image over the header
+.homepage .content-area {
+    margin-top: 0 !important;
+    padding-top: 0 !important;
+
+}
+
+// set color of default cards to black when we are inside a content-box which has the ability to set
+// color classes
+.content-box [class="ui fluid card"] {
+  color: #000;
+}
+
+// remove text decoration on links that might be added by content-box a rule
+.grid-block-teaser a {
+  text-decoration: none;
+}
+
+// Block style - preset styles
+.style-select-widget {
+  .content {
+    text-align: center;
+  }
+  svg.default {
+    background-color: @grey-1;
+  }
+  svg.primary {
+    background-color: @primaryColor;
+    fill: @white !important;
+  }
+  svg.secondary {
+    background-color: @secondaryColor;
+    fill: @white !important;
+  }
+  svg.tertiary {
+    background-color: @tertiaryColor;
+    fill: @white !important;
+  }
+}
+
+// raise z-index of delete button to go above blocks
+.block .ui.basic.button.delete-button {
+  z-index: @z-index-5;
+}

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

@@ -180,6 +180,7 @@
   background-color: @headerMainSectionTransparency;
   display: block;
   content: " ";
+  top: 0;
   z-index: 0;
   width: 100%;
   height: 100%;
@@ -377,6 +378,10 @@
     height: @tabletTopSectionHeight;
   }
 
+  .homepage .block-editor-hero {
+    margin-top: @tabletTopSectionHeight;
+  }
+
   .top.bar .ui.dropdown .menu {
     margin-top: @tabletDropdownMenuMarginTop;
   }
@@ -457,6 +462,9 @@
   .top.bar {
     height: @computerTopSectionHeight;
   }
+  .homepage .block-editor-hero {
+    margin-top: @computerTopSectionHeight;
+  }
 
   .top.bar .ui.dropdown .menu {
     margin-top: @computerDropdownMenuMarginTop;