mise en forme

This commit is contained in:
Jean-Marie Favreau 2024-12-13 15:49:30 +01:00
parent 5e8d9766ee
commit f9f690cac7
2 changed files with 73 additions and 61 deletions

View File

@ -1606,14 +1606,23 @@ label.required::after {
} }
.moderation_heatmap { .moderation_heatmap {
overflow-x: auto;
table {
max-width: 600px; max-width: 600px;
margin: auto; margin: auto;
.total, .month {
font-size: 0;
}
.label {
display: none;
}
th { th {
font-size: 70%; font-size: 90%;
text-align: center; text-align: center;
} }
td { td {
font-size: 60%; font-size: 80%;
text-align: center; text-align: center;
} }
tbody th { tbody th {
@ -1627,8 +1636,10 @@ label.required::after {
color: black; color: black;
padding: .5em 1em; padding: .5em 1em;
display: block; display: block;
width: 6em; max-width: 6em;
height: 2.5em; width: 3.2em;
height: 2em;
line-height: 1.1em;
} }
} }
.score_0 { .score_0 {
@ -1657,22 +1668,22 @@ label.required::after {
color: white; color: white;
} }
} }
@media only screen and (max-width: 500px) { @media only screen and (min-width: 550px) {
font-size: 90%;
.ratio {
a, .a {
width: 5em;
height: 3.2em;
line-height: 2.1em;
}
}
.total, .month { .total, .month {
font-size: 0; font-size: auto;
} }
.label { .label {
display: none; display: table-cell;
} }
font-size: 90%; font-size: 100%;
}
@media only screen and (max-width: 400px) {
font-size: 80%;
.ratio a, .ratio .a {
padding: 0.1em;
width: 4em;
height: 2em;
} }
} }
} }

View File

@ -26,8 +26,9 @@
<h2>Modération à venir</h2> <h2>Modération à venir</h2>
</header> </header>
<div class="moderation_heatmap">
{% for w in nb_not_moderated %} {% for w in nb_not_moderated %}
<table class="moderation_heatmap"> <table>
<thead> <thead>
<th class="label"></th> <th class="label"></th>
{% for m in w %} {% for m in w %}
@ -47,7 +48,7 @@
</tbody> </tbody>
</table> </table>
{% endfor %} {% endfor %}
</div>
</article> </article>
<article> <article>