Correction mise en page tableaux sur smartphone

Fix #87
This commit is contained in:
Jean-Marie Favreau 2025-03-15 22:07:53 +01:00
parent 527fa886b7
commit fa4024a912
5 changed files with 193 additions and 183 deletions

View File

@ -680,6 +680,7 @@ header .remarque {
margin-right: 2em; margin-right: 2em;
} }
} }
@media only screen and (min-width: 800px) {
.form.recent { .form.recent {
display: grid; display: grid;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
@ -689,6 +690,7 @@ header .remarque {
grid-column: 1/3; grid-column: 1/3;
} }
} }
}
.form.recent.moderation-events { .form.recent.moderation-events {
:nth-last-child(4) { :nth-last-child(4) {
grid-column: 2/3; grid-column: 2/3;
@ -1636,7 +1638,7 @@ form.messages {
display: block; display: block;
fieldset div { fieldset div {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); //grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
margin-right: 1em; margin-right: 1em;
} }
} }

View File

@ -34,6 +34,7 @@
Les règles sont appliquées à l'import sur tous les événements, et à la demande sur tous les événements, avec confirmation dans le cas d'événements déjà catégorisés. Les règles sont appliquées à l'import sur tous les événements, et à la demande sur tous les événements, avec confirmation dans le cas d'événements déjà catégorisés.
</p> </p>
</header> </header>
<div class="large-table">
<table role="grid"> <table role="grid">
<thead> <thead>
<tr> <tr>
@ -90,6 +91,7 @@
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
</div>
<footer> <footer>
<span>{% include "agenda_culturel/paginator.html" %}</span> <span>{% include "agenda_culturel/paginator.html" %}</span>
</footer> </footer>

View File

@ -43,6 +43,7 @@
<button type="submit">Filtrer</button> <button type="submit">Filtrer</button>
</form> </form>
</header> </header>
<div class="large-table">
<table role="grid"> <table role="grid">
<thead> <thead>
<tr> <tr>
@ -105,6 +106,7 @@
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
</div>
<footer> <footer>
{% include "agenda_culturel/paginator_filter.html" %} {% include "agenda_culturel/paginator_filter.html" %}
</footer> </footer>

View File

@ -59,6 +59,7 @@
<button type="submit">Filtrer</button> <button type="submit">Filtrer</button>
</form> </form>
</header> </header>
<div class="large-table">
<table role="grid"> <table role="grid">
<thead> <thead>
<tr> <tr>
@ -110,6 +111,7 @@
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
</div>
<footer> <footer>
<span>{% include "agenda_culturel/paginator.html" %}</span> <span>{% include "agenda_culturel/paginator.html" %}</span>
</footer> </footer>

View File

@ -49,6 +49,7 @@
On affiche cette information pour les imports depuis le début de leur On affiche cette information pour les imports depuis le début de leur
intégration à l'agenda, mais aussi pour le dernier mois. intégration à l'agenda, mais aussi pour le dernier mois.
</p> </p>
<div class="large-table">
<table> <table>
<thead> <thead>
<th class="label"></th> <th class="label"></th>
@ -65,6 +66,7 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
<h2>Par ville</h2> <h2>Par ville</h2>
<p>Nombre d'événements référencés par ville.</p> <p>Nombre d'événements référencés par ville.</p>
<ul> <ul>