design-comuni-plone-theme 12.7.2 → 12.7.4

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # Changelog
 
+## [12.7.4](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v12.7.3...v12.7.4) (2025-12-15)
+
+
+### Bug Fixes
+
+* bando type in bando cards ([#1051](https://github.com/RedTurtle/design-comuni-plone-theme/issues/1051)) ([3c17fbb](https://github.com/RedTurtle/design-comuni-plone-theme/commit/3c17fbb002afc8d753a785314f2a7be286e9c81a))
+* hyphen and break word in card titles ([#1049](https://github.com/RedTurtle/design-comuni-plone-theme/issues/1049)) ([4f94903](https://github.com/RedTurtle/design-comuni-plone-theme/commit/4f94903bbbc7683774eb9e772b4f853dc7cd7276))
+
+
+### Documentation
+
+* updated publiccode and release log ([9f430f2](https://github.com/RedTurtle/design-comuni-plone-theme/commit/9f430f25b977aa58f3099ee6891cca3be9a1f62a))
+
+## [12.7.3](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v12.7.2...v12.7.3) (2025-11-26)
+
+
+### Bug Fixes
+
+* conditions to display form thankyou message ([#1047](https://github.com/RedTurtle/design-comuni-plone-theme/issues/1047)) ([a76aba0](https://github.com/RedTurtle/design-comuni-plone-theme/commit/a76aba05f49c15f92bf299a6247c1785a12499b5))
+* force title color on icons block title ([#1045](https://github.com/RedTurtle/design-comuni-plone-theme/issues/1045)) ([1a6dd7e](https://github.com/RedTurtle/design-comuni-plone-theme/commit/1a6dd7e58ddbe9f91fd27ed8baa7eaa09e161f93))
+* generic card classes ([#1048](https://github.com/RedTurtle/design-comuni-plone-theme/issues/1048)) ([9774b64](https://github.com/RedTurtle/design-comuni-plone-theme/commit/9774b644ee8b7422018238c680ad921025655ee4))
+* used correct colors in bg-light class for cms-ui ([#1046](https://github.com/RedTurtle/design-comuni-plone-theme/issues/1046)) ([2544e35](https://github.com/RedTurtle/design-comuni-plone-theme/commit/2544e35c080137d629a4e2ecad035ed0db654d34))
+
+
+### Documentation
+
+* updated publiccode and release log ([e3d3914](https://github.com/RedTurtle/design-comuni-plone-theme/commit/e3d391471456d15a54f029a81b3dbad2cd7a76e0))
+
 ## [12.7.2](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v12.7.1...v12.7.2) (2025-11-21)
 
 

package/RELEASE.md

@@ -41,6 +41,22 @@
 - ...
  -->
 
+## Versione 12.7.4 (15/12/2025)
+
+### Fix
+
+- Ora i titoli molto lunghi e senza spazi nelle card vengono spezzati automaticamente con un trattino ("-") per evitare problemi di layout.
+- Le card del blocco elenco di tipo "Bandi" mostrano ora la tipologia bando correttamente.
+
+## Versione 12.7.3 (26/11/2025)
+
+### Fix
+
+- Il blocco "Blocchi con icone" mostra sempre il colore del titolo correttamente, sia in modalità modifica che in modalità visualizzazione.
+- Lo sfondo del blocco elenco viene ora visualizzato nella variante colore corretta sia in modalità visualizzazione che in modalità modifica.
+- Sistemata la visualizzazione del messaggio di ringraziamento dopo l'invio di un form.
+- Sistemati alcuni problemi con gli stili relativi alle dimensioni dei font nelle card.
+
 ## Versione 12.7.2 (21/11/2025)
 
 ### Fix

package/package.json

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

package/publiccode.yml

@@ -227,9 +227,9 @@ maintenance:
 name: io-Comune - Il sito AgID per Comuni ed Enti Pubblici
 platforms:
   - web
-releaseDate: '2025-11-21'
+releaseDate: '2025-12-15'
 softwareType: standalone/web
-softwareVersion: 12.7.2
+softwareVersion: 12.7.4
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

package/src/components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate.jsx

@@ -132,7 +132,7 @@ const BandiInEvidenceTemplate = ({
                               {intl.formatMessage(messages.tipologia)}:
                             </div>
                             <span className="bando-dati-date">
-                              {item.tipologia_bando.title}
+                              {item.tipologia_bando_label}
                             </span>
                           </span>
                         )}

package/src/components/ItaliaTheme/Blocks/Listing/SquaresImageTemplate.jsx

@@ -46,7 +46,11 @@ const SquaresImageTemplate = ({
                 key={index}
                 data-element={id_lighthouse}
               >
-                <span className="title fw-bold">{item?.title}</span>
+                <span className="title fw-bold" title={item?.title}>
+                  {item?.title.length > 56
+                    ? `${item?.title.slice(0, 56)}…`
+                    : item?.title}
+                </span>
               </UniversalLink>
             );
           })}

package/src/components/ItaliaTheme/View/Commons/GenericCard.jsx

@@ -55,7 +55,12 @@ const GenericCard = ({
 
   return item ? (
     showImage ? (
-      <div className={cx('genericcard card shadow rounded mt-3')}>
+      <div
+        className={cx(
+          'genericcard card shadow rounded mt-3',
+          size === 'big' ? 'card-big-io-comune' : 'card-small',
+        )}
+      >
         <div className="img-responsive-wrapper">
           <div className="img-responsive img-responsive-panoramic">
             <figure className="img-wrapper">

package/src/components/ItaliaTheme/View/Commons/RelatedItems.jsx

@@ -87,7 +87,7 @@ const RelatedItems = ({
                     <Row>
                       <Col className="text-center">
                         <h2 className="h3">
-                          {intl.formatMessage(messages.related_items)} ???
+                          {intl.formatMessage(messages.related_items)}
                         </h2>
                       </Col>
                     </Row>

package/src/customizations/volto-form-block/components/FormResult.jsx

@@ -59,7 +59,6 @@ const FormResult = ({ formState, data, resetFormState }) => {
   const intl = useIntl();
   const displayThankYouInAlertMessageFormBlock =
     config.settings.siteProperties.displayThankYouInAlertMessageFormBlock;
-
   return (
     <Alert
       color={!formState.warning ? 'success' : 'warning'}
@@ -80,24 +79,23 @@ const FormResult = ({ formState, data, resetFormState }) => {
           <p>{intl.formatMessage(messages.success_warning_description)}</p>
         </>
       )}
-      {/* Custom message */}
-      {(!formState.warning && data.send_message) ||
-        (formState.warning &&
-          displayThankYouInAlertMessageFormBlock &&
-          data.send_message && (
-            <>
-              <p
-                dangerouslySetInnerHTML={{
-                  __html: replaceMessage(
-                    data.send_message,
-                    formState.result.data,
-                  ),
-                }}
-              />
-              <br />
-            </>
-          ))}
 
+      {/* Custom message */}
+      {data.send_message &&
+        (!formState.warning ||
+          (formState.warning && displayThankYouInAlertMessageFormBlock)) && (
+          <>
+            <p
+              dangerouslySetInnerHTML={{
+                __html: replaceMessage(
+                  data.send_message,
+                  formState.result.data,
+                ),
+              }}
+            />
+            <br />
+          </>
+        )}
       <Button
         color="primary"
         outline

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

@@ -27,6 +27,8 @@
 
     .title-link {
       text-decoration: none;
+      word-break: break-word;
+      hyphens: auto;
     }
 
     .title {

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

@@ -35,6 +35,8 @@
     font-size: 1rem !important;
     font-weight: 700 !important;
     line-height: 1.44444rem;
+    word-break: break-word;
+    hyphens: auto;
   }
 
   .card:after {

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

@@ -134,6 +134,8 @@
         margin: 0;
         color: #fff;
         text-align: left;
+        word-break: break-word;
+        hyphens: auto;
       }
 
       a {

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

@@ -55,6 +55,7 @@
 
       h2 {
         margin: 0px;
+        color: #fff;
       }
     }
 

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

@@ -30,6 +30,9 @@
       max-height: 100%;
       color: #fff;
       font-size: 1.2rem;
+      overflow-wrap: anywhere;
+      word-break: break-word;
+      hyphens: auto;
     }
 
     &:before {

package/src/theme/ItaliaTheme/Components/_card.scss

@@ -1,6 +1,12 @@
 .public-ui {
   .card {
     .card-body {
+      .card-title {
+        a {
+          word-break: break-word;
+          hyphens: auto;
+        }
+      }
       .card-text {
         line-height: 1.5em;
       }

package/src/theme/_cms-ui.scss

@@ -493,7 +493,8 @@ body.cms-ui {
   }
 
   .bg-light {
-    --bs-light-rgb: 243, 252, 249;
+    --bs-light-rgb: #{red($primary-a0)}, #{green($primary-a0)},
+      #{blue($primary-a0)};
     --bs-bg-opacity: 1;
     background-color: rgba(
       var(--bs-light-rgb),