design-comuni-plone-theme 11.30.2 → 11.30.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 
 
+## [11.30.3](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.30.2...v11.30.3) (2025-05-20)
+
+
+### Bug Fixes
+
+* added bold style to strong tag in accordion header ([#947](https://github.com/RedTurtle/design-comuni-plone-theme/issues/947)) ([66d4507](https://github.com/RedTurtle/design-comuni-plone-theme/commit/66d4507d2a3f09ffb94f934e7a362c152ce64ce2))
+* correct the alt and title on the Argomento header image ([#950](https://github.com/RedTurtle/design-comuni-plone-theme/issues/950)) ([a6ed6ca](https://github.com/RedTurtle/design-comuni-plone-theme/commit/a6ed6ca6934d278f819738ffde2257bb888e9fa8))
+* spacings and alignments of listing blocks ([#945](https://github.com/RedTurtle/design-comuni-plone-theme/issues/945)) ([d8e27d8](https://github.com/RedTurtle/design-comuni-plone-theme/commit/d8e27d88179405d130a4d266a42b7d4944a371a7))
+* url validation for path and querystring with @, :, ... ([#952](https://github.com/RedTurtle/design-comuni-plone-theme/issues/952)) ([731affb](https://github.com/RedTurtle/design-comuni-plone-theme/commit/731affbbd3dc5d4c2cc16a45b95749c91d51a265))
+
+
+### Documentation
+
+* updated publiccode and release log ([7300db4](https://github.com/RedTurtle/design-comuni-plone-theme/commit/7300db4f03c537e65bd130268da48e75ca3631e6))
+
 ## [11.30.2](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.30.1...v11.30.2) (2025-05-07)
 
 

package/RELEASE.md

@@ -41,6 +41,14 @@
 - ...
  -->
 
+## Versione 11.30.3 (20/05/2025)
+
+### Fix
+
+- I titoli degli elementi del blocco Accordion hanno ora tutti lo stesso stile.
+- Corretta la descrizione per la didascalia per l'immagine di testata dentro al CT Argomento.
+- Uniformato le varie spaziature e allineamenti dei blocchi Elenco.
+
 ## Versione 11.30.2 (07/05/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": "11.30.2",
+  "version": "11.30.3",
   "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-05-07'
+releaseDate: '2025-05-20'
 softwareType: standalone/web
-softwareVersion: 11.30.2
+softwareVersion: 11.30.3
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

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

@@ -36,7 +36,7 @@ const AttachmentCardTemplate = ({
   const intl = useIntl();
 
   return (
-    <Container className="px-4">
+    <Container className="px-4 pt-3">
       <div className="simple-card-compact-template">
         {title && (
           <h2

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

@@ -69,7 +69,7 @@ const BandiInEvidenceTemplate = ({
   const intl = useIntl();
   return (
     <div className="bandi-in-evidence">
-      <Container className="px-4">
+      <Container className="px-4 pt-3">
         {title && (
           <Row>
             <Col>
@@ -84,11 +84,11 @@ const BandiInEvidenceTemplate = ({
             </Col>
           </Row>
         )}
-        <div className="bandi-in-evidence-cards-wrapper mb-5">
+        <div className="bandi-in-evidence-cards-wrapper mt-2 mb-4">
           {items.map((item, index) => {
             const listingText = <ListingText item={item} />;
             return (
-              <Card key={index} className={cx('listing-item card-bg', '')}>
+              <Card key={index} className="listing-item card-bg mt-2">
                 <CardBody>
                   <CardTitle tag="h3" className="title">
                     <UniversalLink

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

@@ -24,8 +24,8 @@ const CardWithImageTemplate = (props) => {
   } = props;
 
   return (
-    <div className="card-with-image-template">
-      <Container className="px-4">
+    <div className="card-with-image-template my-3">
+      <Container className="px-4 pt-3">
         {title && (
           <Row>
             <Col>

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

@@ -38,6 +38,7 @@ const CardWithSlideUpTextTemplate = (props) => {
     show_section,
     show_description = true,
     hide_dates = false,
+    show_block_bg,
     id_lighthouse,
     linkmore_id_lighthouse,
     titleLine,
@@ -46,7 +47,7 @@ const CardWithSlideUpTextTemplate = (props) => {
 
   return (
     <div className="card-slide-text-template">
-      <Container>
+      <Container className="px-4 mt-3">
         <div className="title">
           {title && (
             <h2 className={cx('', { 'title-bottom-line': titleLine })}>
@@ -54,7 +55,7 @@ const CardWithSlideUpTextTemplate = (props) => {
             </h2>
           )}
         </div>
-        <div className="grid mb-3 mt-5">
+        <div className={cx('grid pt-3', { 'mb-3': show_block_bg })}>
           {items.map((item, index) => {
             const image = getListingImageBackground(item, 'large');
             const category = getCategory(item, show_type, show_section, props);
@@ -70,7 +71,7 @@ const CardWithSlideUpTextTemplate = (props) => {
 
             return (
               <div
-                className="listing-item box bg-img"
+                className="listing-item box bg-img mb-2"
                 style={
                   image && {
                     backgroundImage: `url(${image})`,

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

@@ -53,7 +53,7 @@ const ContentInEvidenceTemplate = (props) => {
 
   return (
     <div className="contentInEvidenceTemplate">
-      <Container>
+      <Container className="px-4 pt-3">
         {title && (
           <Row>
             <Col>
@@ -78,7 +78,7 @@ const ContentInEvidenceTemplate = (props) => {
             item?.parent?.['@type'] === 'Event' && item?.['@type'] === 'Event';
 
           return (
-            <Row key={item['@id']} className="content-in-evidence">
+            <Row key={item['@id']} className="content-in-evidence my-3">
               {hasImage && (
                 <Col lg={{ size: 6, offset: 1, order: 2 }}>
                   <ListingImage

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

@@ -37,7 +37,7 @@ const GridGalleryTemplate = ({
   const intl = useIntl();
   return (
     <div className="grid-gallery-template">
-      <Container className="px-4">
+      <Container className="px-4 pt-3">
         {title && (
           <Row>
             <Col>
@@ -53,7 +53,7 @@ const GridGalleryTemplate = ({
             {intl.formatMessage(messages.maxItemsExceeded)}
           </Alert>
         )}
-        <div className="grid-gallery-grid">
+        <div className="grid-gallery-grid my-3 pb-3">
           {items.map((item, index) => {
             let image = ListingImage({
               item,

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

@@ -61,7 +61,7 @@ const InEvidenceTemplate = (props) => {
 
   return (
     <div className="in-evidence">
-      <Container className="px-4">
+      <Container className="px-4 pt-3">
         {title && (
           <Row>
             <Col>
@@ -76,7 +76,7 @@ const InEvidenceTemplate = (props) => {
             </Col>
           </Row>
         )}
-        <div className="in-evidence-cards-wrapper mb-5">
+        <div className="in-evidence-cards-wrapper my-3 pb-2">
           {items.map((item, index) => {
             const icon = show_icon ? getItemIcon(item) : null;
             const date = hide_dates

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

@@ -60,6 +60,7 @@ const RibbonCardTemplate = (props) => {
     show_icon = true,
     show_description = true,
     show_type,
+    show_block_bg,
     hide_dates,
     id_lighthouse,
     titleLine,
@@ -68,7 +69,7 @@ const RibbonCardTemplate = (props) => {
   } = props;
   return (
     <div className="ribbon-card-template">
-      <Container className="px-4">
+      <Container className="px-4 pt-3">
         {title && (
           <Row>
             <Col>
@@ -79,7 +80,7 @@ const RibbonCardTemplate = (props) => {
           </Row>
         )}
 
-        <Row className="mb-4">
+        <Row className={cx({ 'pb-3': show_block_bg })}>
           {items.map((item, index) => {
             const itemTitle = item.title || item.id;
             const showRibbon =
@@ -106,10 +107,10 @@ const RibbonCardTemplate = (props) => {
               item.parent?.['@type'] === 'Event' && item?.['@type'] === 'Event';
 
             return (
-              <Col lg={4} sm={12} key={index}>
+              <Col lg={4} sm={12} key={index} className="pb-3">
                 <Card
                   className={cx(
-                    `card-bg card-big align-items-top rounded shadow`,
+                    `card-bg card-big align-items-top rounded shadow mt-3`,
                     { show_detail_link: show_detail_link },
                   )}
                   noWrapper={false}

package/src/components/ItaliaTheme/Blocks/Listing/SimpleCard/SimpleCardTemplateDefault.jsx

@@ -113,7 +113,7 @@ const SimpleCardTemplateDefault = (props) => {
       )}
 
       <div
-        className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal card-teaser-block-3 mb-3"
+        className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal card-teaser-block-3 my-3"
         id={resultsUID + '_results'}
       >
         {items.map((item, index) => (

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

@@ -25,7 +25,7 @@ const SmallBlockLinksTemplate = ({
 }) => {
   return (
     <div className="small-block-links">
-      <Container className="px-4">
+      <Container className="px-4 pt-3">
         {title && (
           <Row>
             <Col>
@@ -35,13 +35,13 @@ const SmallBlockLinksTemplate = ({
             </Col>
           </Row>
         )}
-        <Row className="items">
+        <Row className={cx('items', { 'pb-3': show_block_bg })}>
           {items.map((item, index) => {
             return (
               <Col
                 md="3"
                 key={item['@id']}
-                className="col-item col-sm-4 col-lg-2"
+                className="col-item col-sm-4 col-lg-2 my-3"
               >
                 <div className="center-image-card">
                   <UniversalLink

package/src/components/ItaliaTheme/Blocks/Listing/TemplatesSkeletons/BandiInEvidenceTemplateSkeleton.jsx

@@ -21,8 +21,8 @@ const BandiInEvidenceTemplateSkeleton = ({
   return (
     <div className={'bandi-in-evidence public-ui'}>
       <div className="full-width">
-        <Container className="listing-container">
-          <div className="skeleton-template ">
+        <Container className="px-4 pt-3">
+          <div className="skeleton-template">
             {title && (
               <Row>
                 <Col>
@@ -33,10 +33,10 @@ const BandiInEvidenceTemplateSkeleton = ({
               </Row>
             )}
 
-            <div className="bandi-in-evidence-cards-wrapper mb-5">
+            <div className="bandi-in-evidence-cards-wrapper mt-2 mb-4">
               {[0, 1, 2, 3, 4, 5].map((i) => {
                 return (
-                  <Card key={i} className="listing-item card-bg">
+                  <Card key={i} className="listing-item card-bg mt-2">
                     <CardBody>
                       <CardTitle tag="h4" className="title">
                         -

package/src/components/ItaliaTheme/Blocks/Listing/TemplatesSkeletons/CardWithImageTemplateSkeleton.jsx

@@ -25,8 +25,8 @@ const CardWithImageTemplateSkeleton = ({
   full_width = true,
 }) => {
   return (
-    <div className="card-with-image-template">
-      <Container className="px-4">
+    <div className="card-with-image-template my-3">
+      <Container className="px-4 pt-3">
         <div className="skeleton-template">
           {title && (
             <Row>

package/src/components/ItaliaTheme/Blocks/Listing/TemplatesSkeletons/CardWithSlideUpTextTemplateSkeleton.jsx

@@ -20,14 +20,14 @@ const CardWithSlideUpTextTemplateSkeleton = ({
 
   return (
     <div className="card-slide-text-template">
-      <Container>
+      <Container className="px-4 mt-3">
         <div className="title">{title && <h2>{title}</h2>}</div>
-        <div className="grid mb-3 mt-5">
+        <div className="grid pt-3">
           {[0, 1, 2].map((i) => {
             return (
               <UniversalLink
                 href="#"
-                className="listing-item box bg-img"
+                className="listing-item box bg-img mb-2"
                 key={i}
               >
                 <div className="bg-gradient"></div>

package/src/components/ItaliaTheme/Blocks/Listing/TemplatesSkeletons/ContentInEvidenceTemplateSkeleton.jsx

@@ -22,7 +22,7 @@ const ContentInEvidenceTemplateSkeleton = ({
 }) => {
   return (
     <div className="contentInEvidence">
-      <Container>
+      <Container className="px-4 pt-3">
         <div className="skeleton-template">
           {title && (
             <Row>
@@ -36,7 +36,7 @@ const ContentInEvidenceTemplateSkeleton = ({
 
           {[0].map((i) => {
             return (
-              <Row key={i}>
+              <Row key={i} className="my-3">
                 <Col lg={{ size: 6, offset: 1, order: 2 }}>
                   <div className="img-responsive-wrapper item-image">
                     <div className="img-responsive">

package/src/components/ItaliaTheme/Blocks/Listing/TemplatesSkeletons/GridGalleryTemplateSkeleton.jsx

@@ -14,7 +14,7 @@ const GridGalleryTemplateSkeleton = ({
 }) => {
   return (
     <div className="grid-gallery-template">
-      <Container className="px-4">
+      <Container className="px-4 pt-3">
         <div className="skeleton-template">
           {title && (
             <Row>
@@ -24,7 +24,7 @@ const GridGalleryTemplateSkeleton = ({
             </Row>
           )}
 
-          <div className="grid-gallery-grid">
+          <div className="grid-gallery-grid my-3 pb-3">
             {[0, 1, 2, 3, 4, 5, 6].map((i) => (
               <div key={i} className={cx('grid-gallery-item', `item-${i % 7}`)}>
                 <UniversalLink href="#">

package/src/components/ItaliaTheme/Blocks/Listing/TemplatesSkeletons/InEvidenceTemplateSkeleton.jsx

@@ -22,7 +22,7 @@ const InEvidenceTemplateSkeleton = ({
 }) => {
   return (
     <div className="in-evidence">
-      <Container className="px-4">
+      <Container className="px-4 pt-3">
         <div className="skeleton-template">
           {title && (
             <Row>
@@ -34,7 +34,7 @@ const InEvidenceTemplateSkeleton = ({
             </Row>
           )}
 
-          <div className="in-evidence-cards-wrapper mb-5">
+          <div className="in-evidence-cards-wrapper my-3 pb-2">
             {[0, 1, 2, 3, 4].map((i) => {
               return (
                 <Card key={i} className={cx('listing-item card-bg')}>

package/src/components/ItaliaTheme/Blocks/Listing/TemplatesSkeletons/RibbonCardTemplateSkeleton.jsx

@@ -28,7 +28,7 @@ const RibbonCardTemplateSkeleton = ({
 }) => {
   return (
     <div className="ribbon-card-template">
-      <Container className="px-4">
+      <Container className="px-4 pt-3">
         <div className="skeleton-template">
           {title && (
             <Row>
@@ -46,7 +46,7 @@ const RibbonCardTemplateSkeleton = ({
                 <Col lg={4} sm={12} key={i}>
                   <Card
                     className={cx(
-                      `card-bg card-big align-items-top rounded shadow`,
+                      `card-bg card-big align-items-top rounded shadow mt-3`,
                       { show_detail_link: show_detail_link },
                     )}
                     noWrapper={false}

package/src/components/ItaliaTheme/Blocks/Listing/TemplatesSkeletons/SmallBlockLinksTemplateSkeleton.jsx

@@ -9,7 +9,7 @@ const SmallBlockLinksTemplateSkeleton = ({
 }) => {
   return (
     <div className="small-block-links">
-      <Container className="px-4">
+      <Container className="px-4 pt-3">
         <div className="skeleton-template">
           {title && (
             <Row>

package/src/components/ItaliaTheme/Blocks/Teaser/ItaliaTeaserBody.jsx

@@ -139,9 +139,7 @@ const ItaliaTeaserBody = (props) => {
                       {data.title || content.title}
                     </ConditionalLink>
                   </CardTitle>
-                  {!data.hide_description && (
-                    <CardText>{content.description}</CardText>
-                  )}
+                  <CardText>{content.description||content.Description}</CardText>
                   <BlockExtraTags {...props} item={content} itemIndex={0} />
                   {content.tassonomia_argomenti &&
                     content.tassonomia_argomenti.length > 0 && (

package/src/components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoView.jsx

@@ -140,8 +140,8 @@ const PaginaArgomentoView = ({ content }) => {
                 <div>
                   <Image
                     item={content}
-                    alt={content.caption ?? content.title}
-                    title={content.caption ?? content.title}
+                    alt={content.image_caption ?? content.title}
+                    title={content.image_caption ?? content.title}
                     key={content.image.download}
                     responsive={true}
                     sizes="100vw"

package/src/customizations/volto/helpers/FormValidation/FormValidation.js

@@ -107,8 +107,9 @@ const widgetValidation = {
           'localhost' + // OR localhost
           ')' +
           '(\\:\\d+)?' + // optional port
-          '(\\/[-a-z\\d%_.~+]*)*' + // path
-          '(\\?[;&a-z\\d%_.~+\\/=-]*)?' + // validate query string
+          '(\\/[-a-z\\d%_.~+@]*)*' + // path
+          // '(\\?[;&a-z\\d%_.~+\\/=-]*)?' + // validate query string
+          '(\\?.*)?' + // validate query string (relaxed)
           '(\\#[-a-z\\d\\/_]*)?$', // validate fragment locator
         'i',
       );

package/src/customizations/volto/helpers/FormValidation/FormValidation.test.js

@@ -0,0 +1,189 @@
+import FormValidation from './FormValidation';
+import { messages } from '@plone/volto/helpers/MessageLabels/MessageLabels';
+
+const schema = {
+  properties: {
+    username: { title: 'Username', type: 'string', description: '' },
+    email: { title: 'Email', type: 'string', widget: 'email', description: '' },
+    url: { title: 'url', type: 'string', widget: 'url', description: '' },
+  },
+  fieldsets: [
+    { id: 'default', title: 'FIXME: User Data', fields: ['username'] },
+    { id: 'second', title: 'Second: User Data', fields: ['email'] },
+  ],
+  required: ['username'],
+};
+const errors = { email: ['The specified email is not valid.'] };
+const formData = { username: 'test username', email: 'test' };
+const formatMessage = (messageObj) => {
+  return messageObj?.defaultMessage;
+};
+const errorJSON =
+  "[{'message': 'The specified email is not valid.', 'field': 'email', 'error': 'ValidationError'}]";
+
+describe('FormValidation', () => {
+  describe('showFirstTabWithErrors', () => {
+    it('does not break without arguments', () => {
+      expect(FormValidation.showFirstTabWithErrors()).toEqual(0);
+    });
+    it('shows the correct tab index', () => {
+      expect(
+        FormValidation.showFirstTabWithErrors({
+          errors,
+          schema,
+        }),
+      ).toEqual(1);
+    });
+  });
+
+  describe('giveServerErrorsToCorrespondingFields', () => {
+    it('does not break without arguments', () => {
+      expect(FormValidation.giveServerErrorsToCorrespondingFields()).toEqual(
+        {},
+      );
+    });
+    it('fix JSON and show correct error', () => {
+      expect(
+        FormValidation.giveServerErrorsToCorrespondingFields(errorJSON),
+      ).toEqual({ email: ['The specified email is not valid.'] });
+    });
+  });
+
+  describe('validateFieldsPerFieldset', () => {
+    it('does not break without arguments', () => {
+      expect(FormValidation.validateFieldsPerFieldset()).toEqual({});
+    });
+
+    it('validates missing required', () => {
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema,
+          formData: {},
+          formatMessage,
+        }),
+      ).toEqual({
+        username: [messages.required.defaultMessage],
+      });
+    });
+
+    it('do not treat 0 as missing required value', () => {
+      let newSchema = {
+        ...schema,
+        properties: {
+          ...schema.properties,
+          age: {
+            title: 'age',
+            type: 'integer',
+            widget: 'number',
+            description: '',
+          },
+        },
+        required: ['age'],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: { username: 'test username', age: null },
+          formatMessage,
+        }),
+      ).toEqual({
+        age: [messages.required.defaultMessage],
+      });
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: { username: 'test username', age: 0 },
+          formatMessage,
+        }),
+      ).toEqual({});
+    });
+
+    it('validates incorrect email', () => {
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema,
+          formData,
+          formatMessage,
+        }),
+      ).toEqual({
+        email: [messages.isValidEmail.defaultMessage],
+      });
+    });
+
+    it('validates correct email', () => {
+      formData.email = 'test@domain.name';
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema,
+          formData,
+          formatMessage,
+        }),
+      ).toEqual({});
+    });
+    it('validates incorrect url', () => {
+      formData.url = 'foo';
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema,
+          formData,
+          formatMessage,
+        }),
+      ).toEqual({ url: [messages.isValidURL.defaultMessage] });
+    });
+    it('validates url', () => {
+      formData.url = 'https://plone.org/';
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema,
+          formData,
+          formatMessage,
+        }),
+      ).toEqual({});
+    });
+    it('validates url with ip', () => {
+      formData.url = 'http://127.0.0.1:8080/Plone';
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema,
+          formData,
+          formatMessage,
+        }),
+      ).toEqual({});
+    });
+    it('validates url with localhost', () => {
+      formData.url = 'http://localhost:8080/Plone';
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema,
+          formData,
+          formatMessage,
+        }),
+      ).toEqual({});
+    });
+
+    // RedTurtle
+    it('validates url with @ in path', () => {
+      formData.url = 'https://plone.org/@@foo';
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema,
+          formData,
+          formatMessage,
+        }),
+      ).toEqual({});
+    });
+
+    // RedTurtle
+    it('validates url with @, :, /, ... in query', () => {
+      formData.url = 'https://plone.org/foo?remote=http://plone.org/@@foo&baz=2';
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema,
+          formData,
+          formatMessage,
+        }),
+      ).toEqual({});
+    });
+
+  });
+});

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

@@ -63,6 +63,10 @@ $accordion-icon-color: #7fb2e5;
             font-size: 1.2rem;
             font-weight: bold;
 
+            strong {
+              font-weight: bold;
+            }
+
             & > div {
               width: 100%;
             }

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

@@ -1,14 +1,8 @@
 .complete-block-links-template {
-  margin: 40px 0;
-
   a {
     text-decoration: none;
   }
 
-  .col-item {
-    margin-bottom: 22px;
-  }
-
   .image-container {
     display: flex;
     overflow: hidden;

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

@@ -42,6 +42,11 @@
     }
   }
 
+  .public-ui > :not(.bg-light) .content-in-evidence:nth-of-type(2n) {
+    margin-right: 0;
+    margin-left: 0;
+  }
+
   @media (min-width: #{map-get($grid-breakpoints, lg)}) {
     .content-in-evidence:nth-of-type(2n) {
       .order-lg-2 {

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

@@ -1,8 +1,4 @@
 .block.listing .in-evidence {
-  .col-item {
-    margin-bottom: 22px;
-  }
-
   .icon {
     width: 32px;
     height: 32px;

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

@@ -1,10 +1,4 @@
 .small-block-links {
-  margin: 40px 0;
-
-  .col-item {
-    margin-bottom: 22px;
-  }
-
   .center-image-card {
     position: relative;
     display: flex;