fix(general): remove scroll from zenscroll and fix accordion import (#…

…556)
teamdigitale · Jun 5, 2024 · f71b83d · f71b83d
1 parent 7bbfd63
commit f71b83d
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 38 deletions.
diff --git a/public/index.html b/public/index.html
@@ -17,6 +17,11 @@
     <script src="%PUBLIC_URL%/js/global.js"></script>
     <script src="%PUBLIC_URL%/env-config.js"></script>
 
+    <script>
+      // This is important to avoid problems with zenscroll that is added to the page by swagger ui.
+      window.noZensmooth = true;
+    </script>
+
     <!-- 2022-10-27T12:35:00Z -->
     <!-- Matomo -->
     <!--   Disable analytics until legal notes is present -->

diff --git a/src/components/static-content/validatore/Validatore.css b/src/components/static-content/validatore/Validatore.css
@@ -1,58 +1,58 @@
 .title {
-  font-family: 'Titillium Web';
+  font-family: "Titillium Web";
   font-style: normal;
   font-weight: 600;
-  font-size: 1rem; 
-  line-height: 1.5rem; 
+  font-size: 1rem;
+  line-height: 1.5rem;
   letter-spacing: 0.8px;
   text-transform: uppercase;
-  color: #455B71;
-  margin-left: 0.125rem; 
+  color: #455b71;
+  margin-left: 0.125rem;
 }
 
 .main {
-  font-family: 'Titillium Web';
+  font-family: "Titillium Web";
   font-style: normal;
   font-weight: 700;
-  font-size: 2.5rem; 
-  line-height: 3rem; 
-  letter-spacing: -0.0625rem; 
+  font-size: 2.5rem;
+  line-height: 3rem;
+  letter-spacing: -0.0625rem;
   color: #000000;
 }
 
 .subtitle {
-  font-family: 'Titillium Web';
+  font-family: "Titillium Web";
   font-style: normal;
   font-weight: 600;
-  font-size: 1.25rem; 
-  line-height: 1.5rem; 
-  letter-spacing: -0.0625rem; 
+  font-size: 1.25rem;
+  line-height: 1.5rem;
+  letter-spacing: -0.0625rem;
   color: #000000;
 }
 
 .description {
-  font-family: 'Titillium Web';
+  font-family: "Titillium Web";
   font-style: normal;
   font-weight: 400;
-  font-size: 1.25rem; 
-  line-height: 2rem; 
-  color: #455B71;
-  margin-left: 0.5rem; 
+  font-size: 1.25rem;
+  line-height: 2rem;
+  color: #455b71;
+  margin-left: 0.5rem;
 }
 
-.subtitle{
+.subtitle {
   margin-left: 1.5rem;
 }
 
 .label {
-  width: 8.0625rem; 
-  height: 1.25rem; 
-  font-family: 'Titillium Web';
+  width: 8.0625rem;
+  height: 1.25rem;
+  font-family: "Titillium Web";
   font-style: normal;
   font-weight: 700;
-  font-size: 0.875rem; 
-  line-height: 1.25rem; 
-  color: #FFFFFF;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  color: #ffffff;
   flex: none;
   order: 2;
   flex-grow: 0;
@@ -61,13 +61,13 @@
 .hr {
   box-sizing: content-box;
   overflow: visible;
-  margin-top: -0.3125rem; 
-  margin-bottom: 1.875rem; 
-  border-top: 0.0625rem solid rgba(0, 0, 0, 0.1); 
+  margin-top: -0.3125rem;
+  margin-bottom: 1.875rem;
+  border-top: 0.0625rem solid rgba(0, 0, 0, 0.1);
 }
 
 .horizontal {
-  border: 0.0625rem solid black; 
+  border: 0.0625rem solid black;
   margin-left: 1.5rem;
   width: 67%;
 }
@@ -77,10 +77,13 @@
 }
 
 .detailsContainer {
-    background: linear-gradient(to bottom, #f0f6fc 29.5rem, white 0);
-  }
+  background: linear-gradient(to bottom, #f0f6fc 29.5rem, white 0);
+}
 
 .detagliContainer {
-    background: linear-gradient(to bottom, #f0f6fc 35rem, white 0);
-  }
+  background: linear-gradient(to bottom, #f0f6fc 35rem, white 0);
+}
 
+.card::after {
+  margin-top: 0;
+}
diff --git a/src/components/static-content/validatore/Validatore.js b/src/components/static-content/validatore/Validatore.js
@@ -190,10 +190,7 @@ const Validatore = () => {
                   <div className="row justify-content-center">
                     <div className="col-12">
                       <div className="card-wrapper card-space">
-                        <div
-                          className="card card-bg mt-4"
-                          style={{ height: "23rem" }}
-                        >
+                        <div className="card card-bg mt-4">
                           <div className="mb-2">
                             <div className="w-auto" tabIndex="0">
                               <>

diff --git a/src/global-bootstrap-italia.js b/src/global-bootstrap-italia.js
@@ -1,4 +1,4 @@
-import { Modal } from "bootstrap-italia";
+import { Modal, Accordion } from "bootstrap-italia";
 import jquery from "jquery";
 import Popper from "popper.js";
 
@@ -7,4 +7,5 @@ window.Popper = Popper;
 window.jQuery = jquery;
 window.jquery = jquery;
 window.Modal = Modal;
+window.Accordion = Accordion;
 window.$ = jquery;