Le bouton d'import est sticky

This commit is contained in:
Jean-Marie Favreau 2024-08-31 13:27:58 +02:00
parent c2410233b1
commit 792d057db1
2 changed files with 21 additions and 5 deletions

View File

@ -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);
}
}

View File

@ -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...