Skip to content

Commit

Permalink
fix: .form-switch & .spinner
Browse files Browse the repository at this point in the history
  • Loading branch information
hellodeloo committed Feb 4, 2025
1 parent 5304aab commit 75989d1
Show file tree
Hide file tree
Showing 3 changed files with 16 additions and 5 deletions.
8 changes: 8 additions & 0 deletions components-itou.html
Original file line number Diff line number Diff line change
Expand Up @@ -2788,6 +2788,14 @@ <h3>Spinner <code>.has-spinner-loading</code></h3>
</div>
</button>
</div>
<div class="mt-3">
<form class="has-spinner-loading">
<div class="form-check form-switch has-state-label">
<input type="checkbox" class="form-check-input" name="job_description_is_active" id="job_description_is_active_3">
<label class="form-check-label" for="job_description_is_active_3" data-it-state-label-off="Fermé" data-it-state-label-on="Ouvert"></label>
</div>
</form>
</div>
</div>
</article>

Expand Down
9 changes: 6 additions & 3 deletions components.html
Original file line number Diff line number Diff line change
Expand Up @@ -1722,7 +1722,6 @@ <h3>Modal</h3>
<div class="col-12 col-lg-9">
<div class="mb-5">
<h6>Modal components</h6>
<p>Deux variations de modales possibles. <br><code>.modal</code> avec un titre dans un <code>.modal-title</code> ou <code>.modal .modal--mini</code> sans titre et sans <code>.modal-title</code></p>
<br>
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
Expand All @@ -1746,14 +1745,18 @@ <h3 class="modal-title" id="exampleModalLabel">Modal title in .modal-header</h3>
<p>Nisi accusantium sed corrupti a praesentium soluta, perspiciatis cupiditate aliquam repudiandae unde tenetur! Voluptatibus, facilis at debitis deleniti animi inventore reprehenderit nostrum.</p>
</div>
<div class="modal-footer">
<a href="" class="btn btn-ico btn-link ps-0 me-auto" aria-label="Retour vers la page xxxx / vers la liste de xxx">
<i class="ri-arrow-drop-left-line ri-xl fw-medium" aria-hidden="true"></i>
<span>Retour</span>
</a>
<button type="button" class="btn btn-sm btn-primary">Save changes</button>
<button type="button" class="btn btn-sm btn-outline-primary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal Mini -->
<div class="modal modalm-mini fade" id="exampleModalMini" tabindex="-1" aria-labelledby="exampleModalMiniLabel" aria-hidden="true">
<!-- Modal -->
<div class="modal fade" id="exampleModalMini" tabindex="-1" aria-labelledby="exampleModalMiniLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
Expand Down
4 changes: 2 additions & 2 deletions stylesheets/app.css

Large diffs are not rendered by default.

0 comments on commit 75989d1

Please sign in to comment.