design-comuni-plone-theme 11.12.4 → 11.12.6

package/.github/workflows/npm.yml

@@ -1,10 +1,12 @@
 name: Release latest version on npm
+
 on:
   release:
     types: [released]
 
 jobs:
   release_to_npm:
+    name: Release to npm
     runs-on: ubuntu-latest
     permissions:
       contents: read
@@ -25,3 +27,16 @@ jobs:
         run: npm publish --provenance --access public
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: Get the version
+        id: get_version
+        run: echo "VERSION=${GITHUB_REF/refs\/tags\//}" >> "$GITHUB_OUTPUT"
+
+      - name: Trigger job
+        run: |
+          curl --fail --request POST \
+          --form token=${{ secrets.TOKEN }} \
+          --form ref=master \
+          --form "variables[ADDON_NAME]=design-comuni-plone-theme" \
+          --form "variables[ADDON_TAG]=${{ steps.get_version.outputs.VERSION }}" \
+          "https://gitlab.com/api/v4/projects/${{ secrets.PROJECT_ID }}/trigger/pipeline"

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 
 
+## [11.12.6](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.12.5...v11.12.6) (2024-05-30)
+
+
+### Bug Fixes
+
+* applied img-wrapper styles to all html elements with class ([#688](https://github.com/RedTurtle/design-comuni-plone-theme/issues/688)) ([b66d5af](https://github.com/RedTurtle/design-comuni-plone-theme/commit/b66d5af94a754eaebc55336ad1c136611a9b01fe))
+
+
+### Documentation
+
+* updated publiccode and release log ([6d86f99](https://github.com/RedTurtle/design-comuni-plone-theme/commit/6d86f99887b6622aa4f238a020d546fa8004eeb5))
+
+## [11.12.5](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.12.4...v11.12.5) (2024-05-30)
+
+
+### Bug Fixes
+
+* card with image when elements have no image ([ff99a3b](https://github.com/RedTurtle/design-comuni-plone-theme/commit/ff99a3b0081d734e63a853e6d44830cf9624a3f3))
+
+
+### Maintenance
+
+* update release jobs ([1318aad](https://github.com/RedTurtle/design-comuni-plone-theme/commit/1318aad487cb310b7d445a305fb311243ee2fac5))
+
 ## [11.12.4](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.12.3...v11.12.4) (2024-05-30)
 
 

package/RELEASE.md

@@ -41,6 +41,18 @@
 - ...
 -->
 
+## Versione 11.12.6 (30/05/2024)
+
+### Fix
+
+- Il layout delle card con immagini rimane corretto anche selezionando l'opzione "Non alterare le dimensioni naturali dell'immagine".
+
+## Versione 11.12.5 (30/05/2024)
+
+### Fix
+
+- Sistemato il layout "Card con immagine" dei blocchi elenco quando gli elementi non hanno immagine.
+
 ## Versione 11.12.4 (30/05/2024)
 
 ### Fix

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "11.12.4",
+  "version": "11.12.6",
   "main": "src/index.js",
   "repository": {
     "type": "git",

package/publiccode.yml

@@ -229,7 +229,7 @@ platforms:
   - web
 releaseDate: '2024-05-30'
 softwareType: standalone/web
-softwareVersion: 11.12.4
+softwareVersion: 11.12.6
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

package/src/components/ItaliaTheme/Blocks/Listing/Commons/ListingImage.jsx

@@ -31,17 +31,18 @@ const ListingImage = ({
   // photogallery needs to check for null image
   // https://stackoverflow.com/questions/33136399/is-there-a-way-to-tell-if-reactelement-renders-null
 
-  const image = !noWrapLink ? (
+  const image = Image(commonImageProps);
+  const defaultImage = <img src={DefaultImageSVG} alt="" />;
+
+  if (image === null && !showDefault) return null;
+
+  return !noWrapLink ? (
     <UniversalLink item={item} className="img-wrapper">
-      {Image(commonImageProps)}
+      {image ?? defaultImage}
     </UniversalLink>
   ) : (
-    Image(commonImageProps)
+    image ?? defaultImage
   );
-  if (image === null)
-    return showDefault ? <img src={DefaultImageSVG} alt="" /> : null;
-
-  return image;
 };
 
 export const getListingImageBackground = (item = {}, size = 'listing') => {

package/src/theme/ItaliaTheme/Blocks/_cardWithImage.scss

@@ -39,7 +39,7 @@
           height: auto;
           padding: 0;
 
-          figure.img-wrapper {
+          .img-wrapper {
             position: static;
             margin: 0;
           }
@@ -155,7 +155,7 @@
         height: auto;
         padding: 0;
 
-        figure.img-wrapper {
+        .img-wrapper {
           position: static;
           margin: 0;
         }

package/src/theme/ItaliaTheme/Blocks/_ctaBlock.scss

@@ -80,7 +80,7 @@
         display: flex;
       }
 
-      figure.img-wrapper,
+      .img-wrapper,
       picture {
         position: absolute;
         z-index: -1;

package/src/theme/ItaliaTheme/Blocks/_inEvidenceTemplate.scss

@@ -39,7 +39,7 @@
           height: auto;
           padding: 0;
 
-          figure.img-wrapper {
+          .img-wrapper {
             position: static;
             margin: 0;
           }

package/src/theme/ItaliaTheme/Blocks/_photogallerytemplate.scss

@@ -6,7 +6,7 @@
   }
 
   .single-slide {
-    figure.img-wrapper {
+    .img-wrapper {
       height: auto;
       max-height: 500px;
 
@@ -16,7 +16,7 @@
     }
   }
 
-  figure.img-wrapper {
+  .img-wrapper {
     display: flex;
     flex-direction: column;
     justify-content: center;

package/src/theme/ItaliaTheme/Blocks/_sliderTemplate.scss

@@ -55,7 +55,7 @@
         position: relative;
         margin: 0 auto;
 
-        figure.img-wrapper {
+        .img-wrapper {
           position: relative;
           overflow: hidden;
           width: 100%;
@@ -129,7 +129,7 @@
 
         .slide-wrapper {
           .img-placeholder,
-          figure.img-wrapper {
+          .img-wrapper {
             height: 300px;
 
             img {
@@ -214,7 +214,7 @@
                   height: auto;
                   padding: 0;
 
-                  figure.img-wrapper {
+                  .img-wrapper {
                     position: static;
                     margin: 0;
                   }
@@ -266,7 +266,7 @@
       .slick-slide {
         .slide-wrapper {
           .img-placeholder,
-          figure.img-wrapper {
+          .img-wrapper {
             height: 150px;
 
             img {

package/.github/workflows/themes.yml

@@ -1,23 +0,0 @@
-name: Update related themes
-
-on:
-  release:
-    types: [released]
-
-jobs:
-  update:
-    name: Update themes
-    runs-on: ubuntu-latest
-    steps:
-      - name: Get the version
-        id: get_version
-        run: echo "VERSION=${GITHUB_REF/refs\/tags\//}" >> "$GITHUB_OUTPUT"
-
-      - name: Trigger job
-        run: |
-          curl --fail --request POST \
-          --form token=${{ secrets.TOKEN }} \
-          --form ref=master \
-          --form "variables[ADDON_NAME]=design-comuni-plone-theme" \
-          --form "variables[ADDON_TAG]=${{ steps.get_version.outputs.VERSION }}" \
-          "https://gitlab.com/api/v4/projects/${{ secrets.PROJECT_ID }}/trigger/pipeline"