fix: z-index stack

docs/esempi/sticky/index.html

@@ -40,6 +40,27 @@ <h2>Esempio Componente Sticky: posizionamento sticky e fixed</h2>
         </div>
       </div>
     </div>
+    <div class="col-12">
+      <!-- Button trigger modal -->
+      <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">Lancia la demo della modale</button>
+
+      <!-- Modal -->
+      <div class="modal fade" tabindex="-1" role="dialog" id="exampleModal" aria-labelledby="exampleModalTitle">
+        <div class="modal-dialog" role="document">
+          <div class="modal-content">
+            <div class="modal-header">
+              <h2 class="modal-title h5 no_toc" id="exampleModalTitle">Intestazione modale</h2>
+            </div>
+            <div class="modal-body">
+              <p>Font Titillium 16px. Leading 24px. omnis iste natus error.</p>
+            </div>
+            <div class="modal-footer">
+              <button class="btn btn-primary btn-sm" data-bs-dismiss="modal" type="button">Chiudi modale</button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </div>
 

src/scss/custom/_sticky.scss

@@ -1,9 +1,9 @@
 .bs-is-sticky {
   position: sticky !important;
-  z-index: 9999 !important;
+  z-index: $zindex-sticky !important;
 }
 
 .bs-is-fixed {
   position: fixed !important;
-  z-index: 10000 !important; /* per fare in modo che uno sticky non finisca sopra un fixed (es. l'header) */
+  z-index: $zindex-fixed !important; /* per fare in modo che uno sticky non finisca sopra un fixed (es. l'header) */
 }