design-comuni-plone-theme 12.1.2 → 12.1.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [12.1.3](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v12.1.2...v12.1.3) (2025-05-20)
+
+
+### Bug Fixes
+
+* correct the alt and title on the Argomento header image ([#950](https://github.com/RedTurtle/design-comuni-plone-theme/issues/950)) ([e21820c](https://github.com/RedTurtle/design-comuni-plone-theme/commit/e21820cd00937a062ac035ac332731ed0556c441))
+* spacings and alignments of listing blocks ([#945](https://github.com/RedTurtle/design-comuni-plone-theme/issues/945)) ([2cdf137](https://github.com/RedTurtle/design-comuni-plone-theme/commit/2cdf1378d55e096ef141227dcc86191ab69a6456))
+* url validation for path and querystring with @, :, ... ([#952](https://github.com/RedTurtle/design-comuni-plone-theme/issues/952)) ([93a5243](https://github.com/RedTurtle/design-comuni-plone-theme/commit/93a52435f463e1cdb3ca54c1e0c5ca35a184c913))
+
+
+### Documentation
+
+* updated publiccode and release log ([c3a5545](https://github.com/RedTurtle/design-comuni-plone-theme/commit/c3a554516326b39fd4632275b92e90548db9d209))
+
 ## [12.1.2](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v12.1.1...v12.1.2) (2025-05-07)
 
 

package/RELEASE.md

@@ -41,13 +41,20 @@
 - ...
  -->
 
+## Versione 12.1.3 (20/05/2025)
+
+### Fix
+
+- 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 12.1.2 (07/05/2025)
 
 ### Fix
 
 - L'altezza delle immagini all'interno del blocco "link solo immagini" è stata aumentata e non ha più un limite massimo. Ora tutte le card avranno la stessa altezza.
 - Sistemato stile del blocco callout per la versione mobile.
-- Sistemati i formati "A pieno schermo" e "Allineamento al centro" del blocco Video, l"immagine in anteprima dava problemi nella visualizzazione di video di Youtube.
+- Sistemati i formati "A pieno schermo" e "Allineamento al centro" del blocco Video, l"immagine in anteprima dava problemi nella visualizzazione di video di YouTube.
 
 ## Versione 12.1.1 (14/04/2025)
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "12.1.2",
+  "version": "12.1.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: 12.1.2
+softwareVersion: 12.1.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/_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;