Merge pull request #38 from eea/develop

Develop

CHANGELOG.md

@@ -4,11 +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.23](https://github.com/eea/volto-climate-advisory-board-policy/compare/0.1.22...0.1.23) - 28 March 2023
+### [0.1.24](https://github.com/eea/volto-climate-advisory-board-policy/compare/0.1.23...0.1.24) - 28 March 2023
 
 #### :hammer_and_wrench: Others
 
-- css improvments [Miu Razvan - [`700fffd`](https://github.com/eea/volto-climate-advisory-board-policy/commit/700fffd24ae3adc8d0f24e169ec0fb51d2f44dfb)]
+- fix alignment of logo in footer [Miu Razvan - [`61036cb`](https://github.com/eea/volto-climate-advisory-board-policy/commit/61036cbe244aca3d70512075073d849f9c161c2f)]
+- hover effects on footer [andreiggr - [`bfdc0e5`](https://github.com/eea/volto-climate-advisory-board-policy/commit/bfdc0e56cd73e41992d5a59562c88cd5b4f0db98)]
+- update css [Miu Razvan - [`9af9ecd`](https://github.com/eea/volto-climate-advisory-board-policy/commit/9af9ecdd3d421bba2a07f6970e21c00809936307)]
+- add z-index to content-area [Miu Razvan - [`e9395cf`](https://github.com/eea/volto-climate-advisory-board-policy/commit/e9395cf247c7b449db979130e874c4711364aa1e)]
+### [0.1.23](https://github.com/eea/volto-climate-advisory-board-policy/compare/0.1.22...0.1.23) - 28 March 2023
+
 ### [0.1.22](https://github.com/eea/volto-climate-advisory-board-policy/compare/0.1.21...0.1.22) - 28 March 2023
 
 #### :bug: Bug Fixes
@@ -170,7 +175,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - add volto-eea-website-theme as dependency and modify Jenkinsfile [ana-oprea - [`276cd96`](https://github.com/eea/volto-climate-advisory-board-policy/commit/276cd96995367fd46b6efa8a56aaa820b4cd8b02)]
 - add volto-eea-design-system dependency [ana-oprea - [`acf2e87`](https://github.com/eea/volto-climate-advisory-board-policy/commit/acf2e8749fd0eed669dcd382524a89f21e9a0ea9)]
-- Add Sonarqube tag using advisory-board-frontend addons list [EEA Jenkins - [`b772a58`](https://github.com/eea/volto-climate-advisory-board-policy/commit/b772a58dfa332069be312bc83495d5a6fcf9cd94)]
 ### [0.1.1](https://github.com/eea/volto-climate-advisory-board-policy/compare/0.1.0...0.1.1) - 14 February 2023
 
 ### 0.1.0 - 12 January 2023

package.json

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

theme/elements/container.overrides

@@ -1,4 +1,5 @@
-[class~="view-defaultview"] {
+[class~="view-defaultview"],
+[class~="view-viewview"] {
   --container-text-width: @largeMonitorWidth;
 }
 

theme/extras/footer.overrides

@@ -14,7 +14,7 @@
     color: white;
 
     &:hover {
-      color: white;
+      color: @orange-0 !important;
     }
 
     &:visited {
@@ -46,6 +46,10 @@
     .social {
       margin: 0;
       justify-content: flex-start;
+
+      a:hover {
+        color: @orange-0;
+      }
 
       > a:not(:last-child) {
         margin-right: 0.25rem;
@@ -87,6 +91,10 @@
 
       .theme-sites .logos .logo img {
         margin-bottom: 0;
+
+        &:hover{
+          filter: invert(55%) sepia(54%) saturate(6243%) hue-rotate(354deg) brightness(101%) contrast(90%);
+        }
       }
     }
 
@@ -107,8 +115,13 @@
     }
   }
 
-  .text-right {
-    text-align: right;
+  .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%);
   }
 }
 
@@ -134,6 +147,14 @@
   }
 }
 
+@media screen and (max-width: @tabletBreakpoint) {
+  #footer {
+    .text-right {
+      text-align: left !important;
+    }
+  }
+}
+
 @media screen and (max-width: 500px) {
   #footer {
     .footer-nav {

theme/globals/site.overrides

@@ -19,7 +19,12 @@ body.with-hero-block .ui.basic.segment.content-area {
   margin-top: 0px;
 }
 
-[class~="view-defaultview"] .columns-view > .ui.grid {
+.ui.basic.segment.content-area {
+  z-index: 1;
+}
+
+[class~="view-defaultview"] .columns-view > .ui.grid,
+[class~="view-viewview"] .columns-view > .ui.grid {
   margin: 0;
 }
 
@@ -548,53 +553,18 @@ svg.tertiary > g {
   height: 250px;
 }
 
-[class~='document-narrow'] {
-  .eea.banner {
-    background: @bannerBackgroundColor;
-  }
-
-  .eea.banner .gradient {
-    background: @bannerBackgroundGradient;
-  }
-
-  .eea.banner > .image {
-    background: @bannerBackgroundImage;
-    background-size: cover;
-    background-repeat: no-repeat;
-  }
-  //banner narrow width
-  .eea.banner .ui.container {
-    width: 85%;
-  }
-
-  //breadcrumbs styles TODO: move to breadcrumbs.overrides
-  .ui.breadcrumbs {
-    .ui.container {
-      width: 85%;
-    }
-  }
-
-  .ui.basic.segment.content-area {
-    margin-top: 10px;
-    padding-top: 10px;
-  }
-
-  [class~='container'] > [class*='styled-'] {
-    margin: 0.7rem 0;
-  }
+.eea.banner {
+  background: @bannerBackgroundColor;
+}
 
-  .section-add,
-  .section-edit {
-    .container {
-      width: auto !important;
-    }
-  }
+.eea.banner .gradient {
+  background: @bannerBackgroundGradient !important;
+}
 
-  .container > .blocks-form > .invisible > div > * {
-    max-width: var(--layout-max-width, 85%);
-    margin-right: auto !important;
-    margin-left: auto !important;
-  }
+.eea.banner > .image {
+  background: @bannerBackgroundImage;
+  background-size: cover;
+  background-repeat: no-repeat;
 }
 
 .text-left a.ui.button.default {
@@ -656,3 +626,28 @@ svg.tertiary > g {
 .ui.container .context-navigation .ui.list>div:first-child>.content>a {
   font-size: 18px !important;
 }
+
+[class~='document-narrow'] {
+
+  .ui.basic.segment.content-area {
+    margin-top: 10px;
+    padding-top: 10px;
+  }
+
+  [class~='container'] > [class*='styled-'] {
+    margin: 0.7rem 0;
+  }
+
+  .section-add,
+  .section-edit {
+    .container {
+      width: auto !important;
+    }
+  }
+
+  .container > .blocks-form > .invisible > div > * {
+    max-width: var(--layout-max-width, 85%);
+    margin-right: auto !important;
+    margin-left: auto !important;
+  }
+}