fix: fix Contact Block items align (#338)

RedTurtle · Sep 19, 2023 · c2e9aaa · c2e9aaa
1 parent 9e8579b
commit c2e9aaa
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 3 deletions.
diff --git a/RELEASE.md b/RELEASE.md
@@ -29,3 +29,9 @@
 ### Fix
 - ...
 -->
+
+## Versione X.X.X
+
+### Fix
+
+- Sistemato l'allineamento degli elementi nel blocco Contatti: se ci sono meno di tre elementi l'allineamento è centrato, se ce ne sono più di 3 l'allineamento è a sinistra.
diff --git a/src/components/ItaliaTheme/Blocks/ContactsBlock/Edit.jsx b/src/components/ItaliaTheme/Blocks/ContactsBlock/Edit.jsx
@@ -106,9 +106,15 @@ class Edit extends SubblocksEdit {
             </div>
 
             <SubblocksWrapper node={this.node}>
-              <Row className="justify-content-center">
+              <Row
+                className={
+                  this.state.subblocks.length > 3
+                    ? 'justify-content-start'
+                    : 'justify-content-center'
+                }
+              >
                 {this.state.subblocks.map((subblock, subindex) => (
-                  <Col lg="4" key={subblock.id}>
+                  <Col lg="4" key={subblock.id} className="pb-3">
                     <EditBlock
                       data={subblock}
                       index={subindex}

diff --git a/src/components/ItaliaTheme/Blocks/ContactsBlock/View.jsx b/src/components/ItaliaTheme/Blocks/ContactsBlock/View.jsx
@@ -42,7 +42,13 @@ const AccordionView = ({ data, block }) => {
                 )}
               </div>
             </div>
-            <Row className="justify-content-center">
+            <Row
+              className={
+                data.subblocks.length > 3
+                  ? 'justify-content-start'
+                  : 'justify-content-center'
+              }
+            >
               {data.subblocks.map((subblock, index) => (
                 <Col lg="4" key={subblock.id} className="pb-3">
                   <ViewBlock
-Original file line number
+Diff line change
@@ Expand Up / @@ -29,3 +29,9 @@ @@
     ### Fix
     - ...
     -->
+    ## Versione X.X.X
+    ### Fix
+    - Sistemato l'allineamento degli elementi nel blocco Contatti: se ci sono meno di tre elementi l'allineamento è centrato, se ce ne sono più di 3 l'allineamento è a sinistra.