Bug 46353 alert testo a sx

RELEASE.md

@@ -30,6 +30,12 @@
 - ...
 -->
 
+## Versione X.X.X (dd/mm/yyyy)
+
+### Fix
+
+- Sistemato margine del blocco Alert quando allineato a sinistra
+
 ## Versione 8.7.0 (20/09/2023)
 
 ### Migliorie

src/components/ItaliaTheme/Blocks/Alert/View.jsx

@@ -29,9 +29,9 @@ const View = ({ data, pathname }) => {
 
   return (
     <section role="alert" className="block alertblock">
-      <Row className={cx('row-full-width', 'bg-alert-' + data.color)}>
+      <div className={cx('full-width', 'bg-alert-' + data.color)}>
         <Container className="p-4 pt-5 pb-5">
-          <Row className="align-items-start">
+          <Row className="align-items-start negative-margin">
             {data.image?.data && (
               <Col sm={2} className="pb-3 image-col">
                 <img
@@ -46,7 +46,7 @@ const View = ({ data, pathname }) => {
             <Col>{content}</Col>
           </Row>
         </Container>
-      </Row>
+      </div>
     </section>
   );
 };

src/theme/ItaliaTheme/Blocks/_alert.scss

@@ -1,6 +1,10 @@
 .public-ui {
   .block.alertblock,
   .alertblock {
+    .full-width {
+      height: auto;
+    }
+
     .bg-alert-danger {
       background-color: #a32219;
       color: $white;
@@ -67,6 +71,15 @@
       }
     }
 
+    .negative-margin {
+      margin-left: -6px;
+      margin-right: -6px;
+
+      .col {
+        padding: 0px 6px;
+      }
+    }
+
     .DraftEditor-root {
       background: none;
     }