From 792d057db1dfe5e3b64b1e870c0359a02e76d15e Mon Sep 17 00:00:00 2001
From: Jean-Marie Favreau <j-marie.favreau@uca.fr>
Date: Sat, 31 Aug 2024 13:27:58 +0200
Subject: [PATCH] Le bouton d'import est sticky

---
 src/agenda_culturel/static/style.scss               | 13 ++++++++++++-
 .../templates/agenda_culturel/import_set.html       | 13 +++++++++----
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/agenda_culturel/static/style.scss b/src/agenda_culturel/static/style.scss
index 2fce7e6..ae1702d 100644
--- a/src/agenda_culturel/static/style.scss
+++ b/src/agenda_culturel/static/style.scss
@@ -1037,4 +1037,15 @@ table .buttons {
         }
     }
 }
-
+article {
+    .stick-bottom {
+        background: var(--card-sectionning-background-color);
+        margin-right: calc(var(--block-spacing-horizontal) * -1);
+        margin-left: calc(var(--block-spacing-horizontal) * -1);
+        padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);
+        margin-bottom: calc(var(--block-spacing-vertical) * -1);
+        position: sticky;
+        bottom: 0;
+        box-shadow: 0 -1px 0 rgba(115, 130, 140, 0.2);
+    }
+}
\ No newline at end of file
diff --git a/src/agenda_culturel/templates/agenda_culturel/import_set.html b/src/agenda_culturel/templates/agenda_culturel/import_set.html
index ba168a8..6017163 100644
--- a/src/agenda_culturel/templates/agenda_culturel/import_set.html
+++ b/src/agenda_culturel/templates/agenda_culturel/import_set.html
@@ -18,18 +18,23 @@
         {% include "agenda_culturel/static_content.html" with name="import_set" url_path=local_url %}
     </header>
     <form method="post">
-        {{ formset.management_form }}
+
+    {{ formset.management_form }}
         {% csrf_token %}
         {% for form in formset %}
             <h2>Nouvel événement #{{ forloop.counter }}</h2>
             {{ form.as_p }}
         {% endfor %}
-        <input type="submit" value="Lancer l'import" id="import-button">
-    </form>
 
+        <div class="stick-bottom">
+        <input type="submit"value="Lancer l'import" id="import-button">
+        </div>
+    </form>
+    <footer>
         <p>Si l'import automatique ne marche pas, ou si l'événement n'est pas en ligne, vous pouvez 
             tout de même ajouter l'événement en le décrivant sur la page <a href="{% url 'add_event_details' %}" >d'ajout d'événement</a>.</p>
-</article>
+        </footer>
+    </article>
 <dialog id="modal-import">
     <article aria-busy="true">
         Veuillez patienter, lien en cours d'importation...