@eeacms/volto-cca-policy 0.2.32 → 0.2.34

package/src/components/theme/ASTNavigation/styles.less

@@ -43,4 +43,36 @@
       fill: #3d5265 !important;
     }
   }
+
+  a {
+    pointer-events: bounding-box;
+  }
+
+  a:hover {
+    .step-link.main-link {
+      > path {
+        fill: #8a9c39 !important;
+      }
+
+      g.text > path {
+        fill: #3d5265 !important;
+      }
+    }
+  }
+}
+
+.uast-logo-map {
+  .logo {
+    > a:hover {
+      > .step-link path {
+        fill: #01336e !important;
+      }
+    }
+  }
+
+  .logo:hover + .logo-title {
+    > path {
+      fill: #01336e !important;
+    }
+  }
 }

package/src/components/theme/ASTNavigation/utils.js

@@ -9,7 +9,7 @@ export const isUrbanAdaptationSupportToolURL = (url) => {
   return url.indexOf('/knowledge/tools/urban-ast') > -1;
 };
 
-export const LinkWrap = ({ item, pathname, children }) => {
+export const LinkWrap = ({ item, pathname, children, className }) => {
   const substeps = item?.items || [];
   const activeSubstep = substeps.some((obj) => obj['@id'] === pathname);
   const activeStep = item ? pathname === item?.['@id'] : null;
@@ -17,7 +17,7 @@ export const LinkWrap = ({ item, pathname, children }) => {
   return item ? (
     <UniversalLink item={item}>
       <g
-        className={cx('step-link', {
+        className={cx('step-link', className, {
           active: isActive,
         })}
       >

package/theme/extras/header.variables

@@ -5,3 +5,4 @@
 /* Search box */
 // @searchBoxBackgroundGradient  : linear-gradient(45deg, @primaryColor 12%, @secondaryColor 80%);
 @megaMenuBackgroundColor      : linear-gradient(13.69deg, @blue-5 1.17%, @secondaryColor 80%);
+@mobileLogoMaxWidth: 200px;

package/theme/globals/observatory.less

@@ -8,6 +8,13 @@
 }
 
 .subsite-observatory {
+  .eea.header .logo-wrapper {
+    > .logo:first-child .eea-logo {
+      max-width: 100% !important;
+      height: 75px !important;
+    }
+  }
+
   #page-header .eea.banner .gradient .content .metadata {
     margin-top: 1rem;
   }
@@ -120,3 +127,41 @@
   padding-bottom: 0rem !important;
   margin-bottom: 0rem !important;
 }
+
+@media screen and (max-width: 1020px) {
+  .subsite-observatory {
+    .eea.header .logo-wrapper {
+      > .logo:first-child .eea-logo {
+        height: 60px !important;
+      }
+    }
+
+    .subsite-logo {
+      width: 250px !important;
+    }
+  }
+}
+
+@media screen and (max-width: 700px) {
+  .subsite-observatory {
+    .eea.header .logo-wrapper {
+      > .logo:first-child .eea-logo {
+        height: 45px !important;
+      }
+    }
+
+    .subsite-logo {
+      width: 150px !important;
+    }
+  }
+}
+
+@media screen and (max-width: 560px) {
+  .subsite-observatory {
+    .eea.header .logo-wrapper {
+      > .logo:first-child .eea-logo {
+        height: auto !important;
+      }
+    }
+  }
+}