Merge pull request #43 from eea/develop

Develop

CHANGELOG.md

@@ -4,6 +4,16 @@ 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.28](https://github.com/eea/volto-climate-advisory-board-policy/compare/0.1.27...0.1.28) - 4 April 2023
+
+#### :rocket: New Features
+
+- feat: change overlay to show on hover, custom font-size for contact page headings [ana-oprea - [`b3b6aee`](https://github.com/eea/volto-climate-advisory-board-policy/commit/b3b6aee81050e213a4a49ed98142d6bd56a1acd0)]
+
+#### :bug: Bug Fixes
+
+- fix: footer pages to open in the same page, link color from content and control pannel [Mimi - [`d2754e3`](https://github.com/eea/volto-climate-advisory-board-policy/commit/d2754e383c6bc31a009d24c63256ea0c1ad35d16)]
+
 ### [0.1.27](https://github.com/eea/volto-climate-advisory-board-policy/compare/0.1.26...0.1.27) - 31 March 2023
 
 #### :bug: Bug Fixes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-climate-advisory-board-policy",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "description": "@eeacms/volto-climate-advisory-board-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

theme/extras/banner.less

@@ -0,0 +1,13 @@
+.eea.banner {
+  background: @bannerBackgroundColor;
+}
+
+.eea.banner .gradient {
+  background: @bannerBackgroundGradient !important;
+}
+
+.eea.banner > .image {
+  background: @bannerBackgroundImage;
+  background-size: cover;
+  background-repeat: no-repeat;
+}

theme/extras/button.less

@@ -0,0 +1,22 @@
+.call-to-action > .ui.button {
+  background-color: transparent !important;
+  border-radius: 6px;
+  box-shadow: 0px 0px 0px 1px @linkColorAB inset;
+  color: @linkColorAB;
+}
+
+.call-to-action > .ui.button:hover {
+  background-color: @linkColorAB !important;
+  color: #fff;
+}
+
+.call-to-action > .ui.button.inverted.default {
+  background-color: @linkColorAB !important;
+  box-shadow: none !important;
+  color: #fff;
+}
+
+.call-to-action > .ui.button.inverted.default:hover {
+  background-color: @linkColorAB !important;
+  color: #fff;
+}

theme/extras/carousel.less

@@ -0,0 +1,45 @@
+// carousel image
+.slick-slide .ui.cards > .card:not(.rounded),
+.slick-slide .ui.card:not(.rounded) {
+  .image {
+    position: relative;
+    height: @cardImageHeight !important;
+
+    img {
+      height: @imageHeight !important;
+      border-radius: 10px;
+    }
+  }
+}
+
+// carousel arrows
+.cards-carousel .next-arrow {
+  top: 40% !important;
+  right: -5rem !important;
+}
+
+.cards-carousel .prev-arrow {
+  top: 40% !important;
+  left: -5rem !important;
+}
+
+// carousel card
+.card .meta .date {
+  margin-right: auto !important;
+  margin-left: 0 !important;
+}
+
+// carousel dots
+.cards-carousel .slick-dots li.slick-active button:before {
+  background-color: @linkColorAB !important;
+}
+
+.cards-carousel .slick-dots li button:before {
+  width: 13px !important;
+  height: 13px !important;
+  border-color: @linkColorAB !important;
+}
+
+.cards-carousel .slick-track {
+  margin: 0 !important;
+}

theme/extras/checkbox-facet.less

@@ -0,0 +1,30 @@
+.facets .ui.basic.segment.facet {
+  border-top: 1.3px solid #bebebe;
+}
+
+.checkbox-facet .entries .entry .ui.checkbox label:before {
+  border-radius: 5px;
+}
+
+.checkbox-facet .entries .entry .ui.checkbox.checked label:before {
+  border-radius: 5px;
+}
+
+.checkbox-facet
+  .entries
+  .entry
+  .ui.checkbox:not(.toggle)
+  input:checked
+  ~ label:after {
+  background-color: #658f9996;
+}
+
+.checkbox-facet .entries .entry .ui.checkbox input:checked ~ label:before {
+  border: 1px solid #b9b9b9;
+}
+
+.checkbox-facet .entries .entry .ui.checkbox.checked input ~ label:after,
+.ui.checkbox input:checked .box:after {
+  border-radius: 5px;
+  content: '';
+}

theme/extras/contentBox.less

@@ -13,11 +13,10 @@
     max-width: 600px;
     margin: 0 auto 1rem auto;
     padding: 0 1rem;
-  
+
     @media screen and (max-width: @tabletBreakpoint) {
       width: 100%;
       max-width: unset;
     }
   }
 }
-

theme/extras/contents-page.less

@@ -0,0 +1,15 @@
+#page-contents a {
+  color: @secondaryColor;
+
+  &:hover {
+    color: @secondaryColor;
+  }
+
+  &:visited {
+    color: @secondaryColor;
+  }
+
+  &:active {
+    color: @secondaryColor;
+  }
+}

theme/extras/control-pannel-page.less

@@ -0,0 +1,14 @@
+#content a {
+  color: @secondaryColor;
+  &:hover {
+    color: @secondaryColor;
+  }
+
+  &:visited {
+    color: @secondaryColor;
+  }
+
+  &:active {
+    color: @secondaryColor;
+  }
+}

theme/extras/footer.overrides

@@ -12,15 +12,15 @@
   .footer-nav > li > a,
   .subfooter-contact-info > a {
     color: white;
-  
+
     &:hover {
       color: @orange-0 !important;
     }
-  
+
     &:visited {
       color: white;
     }
-  
+
     &:active {
       color: white;
     }
@@ -46,7 +46,7 @@
     .social {
       margin: 0;
       justify-content: flex-start;
-      
+
       a:hover {
         color: @orange-0;
       }
@@ -78,7 +78,7 @@
           align-items: center;
           padding-left: 0 !important;
           padding-right: 0 !important;
-          
+
           > a.logo {
             flex: 1;
 
@@ -92,8 +92,9 @@
       .theme-sites .logos .logo img {
         margin-bottom: 0;
 
-        &:hover{
-          filter: invert(55%) sepia(54%) saturate(6243%) hue-rotate(354deg) brightness(101%) contrast(90%);
+        &:hover {
+          filter: invert(55%) sepia(54%) saturate(6243%) hue-rotate(354deg)
+            brightness(101%) contrast(90%);
         }
       }
     }
@@ -115,13 +116,14 @@
     }
   }
 
-  .menu a:hover{
+  .menu a:hover {
     color: @orange-0;
   }
 
   .ab-footer:hover {
     cursor: pointer;
-    filter: invert(55%) sepia(54%) saturate(6243%) hue-rotate(354deg) brightness(101%) contrast(90%);
+    filter: invert(55%) sepia(54%) saturate(6243%) hue-rotate(354deg)
+      brightness(101%) contrast(90%);
   }
 }
 
@@ -173,4 +175,4 @@
       }
     }
   }
-}
+}

theme/extras/header.overrides

@@ -2,11 +2,11 @@
 
 .sticky-eea-header {
   z-index: 2;
-  background-color: #F0F4F5;
+  background-color: #f0f4f5;
 }
 
 .sticky-eea-header > .ui.sticky {
-  background-color: #F0F4F5;
+  background-color: #f0f4f5;
   border-bottom: 1px solid @primaryColor;
   transition: opacity 0.5s;
   transition-timing-function: ease-in;
@@ -221,8 +221,9 @@
 }
 
 body.with-newsletter-form .eea.banner .gradient .content {
-  .title,h1 {
-    color: #FFF;
+  .title,
+  h1 {
+    color: #fff;
   }
 }
 

theme/extras/icons.less

@@ -0,0 +1,18 @@
+#icons > .column-grid > .column {
+  display: flex;
+  justify-content: center;
+}
+
+#icons > .grid > .column > div > .ui > .item > .icon {
+  display: flex;
+  min-width: 65px !important;
+  min-height: 65px !important;
+  align-items: center;
+  justify-content: center;
+  background-color: @contentBoxTertiaryBackground;
+  border-radius: 50px;
+}
+
+.description {
+  width: fit-content;
+}

theme/extras/image-overlay.less

@@ -0,0 +1,50 @@
+.cardsGallery {
+  .ui.four.cards > .card img {
+    position: relative;
+  }
+
+  .ui.four.cards > .card a.image:before {
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: block;
+    background: #608c95;
+    content: '';
+    opacity: 0 !important;
+    transition: opacity 0.2s;
+  }
+
+  .ui.four.cards > .card:hover {
+    a.image:before {
+      opacity: 0.4 !important;
+    }
+  }
+}
+
+.slick-slide .ui.cards > .card:not(.rounded),
+.slick-slide .ui.card:not(.rounded) {
+  .image:before {
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: block;
+    background: #608c95;
+    border-radius: 10px;
+    content: '';
+    opacity: 0 !important;
+    transition: opacity 0.2s;
+  }
+}
+
+.slick-slide .ui.cards > .card:not(.rounded):hover,
+.slick-slide .ui.card:not(.rounded):hover {
+  .image:before {
+    opacity: 0.4 !important;
+  }
+}

theme/extras/reports-arrow.less

@@ -0,0 +1,32 @@
+p.has--clear--both:empty {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.cardsGallery a.ui.button {
+  font-size: 0;
+  visibility: hidden;
+}
+
+.cardsGallery a.ui.button:before {
+  display: block;
+  width: 40px;
+  height: 40px;
+  padding: 5px;
+  border: 2px solid #f26119;
+  background-image: url('./ahead.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 30px;
+  border-radius: 50%;
+  color: #f26119;
+  content: '';
+  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
+  visibility: visible;
+}
+
+.cardsGallery a.ui.button:hover:before {
+  background-color: @linkColorAB;
+  background-image: url('./ahead-white.svg');
+  color: #fff;
+}