setop/agenda_culturel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Le bouton d'import est sticky

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/agenda_culturel/static/style.scss
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);
}
}

11
src/agenda_culturel/templates/agenda_culturel/import_set.html
View File

@ -18,18 +18,23 @@
{% include "agenda_culturel/static_content.html" with name="import_set" url_path=local_url %} {% include "agenda_culturel/static_content.html" with name="import_set" url_path=local_url %}
</header> </header>
<form method="post"> <form method="post">
{{ formset.management_form }} {{ formset.management_form }}
{% csrf_token %} {% csrf_token %}
{% for form in formset %} {% for form in formset %}
<h2>Nouvel événement #{{ forloop.counter }}</h2> <h2>Nouvel événement #{{ forloop.counter }}</h2>
{{ form.as_p }} {{ form.as_p }}
{% endfor %} {% 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 <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> 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"> <dialog id="modal-import">
<article aria-busy="true"> <article aria-busy="true">
Veuillez patienter, lien en cours d'importation... Veuillez patienter, lien en cours d'importation...