jmtrivial/agenda_culturel
4
4
Fork 0
Code Issues 66 Pull Requests 1 Projects 1 Releases Wiki Activity

mise en forme

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

129
src/agenda_culturel/static/style.scss
View File

@ -1606,73 +1606,84 @@ label.required::after {
} }
.moderation_heatmap { .moderation_heatmap {
max-width: 600px; overflow-x: auto;
margin: auto; table {
th { max-width: 600px;
font-size: 70%; margin: auto;
text-align: center;
}
td {
font-size: 60%;
text-align: center;
}
tbody th {
text-align: right;
}
.ratio {
padding: 0.1em;
a, .a {
margin: auto;
border-radius: var(--border-radius);
color: black;
padding: .5em 1em;
display: block;
width: 6em;
height: 2.5em;
}
}
.score_0 {
a, .a {
background: rgb(0, 128, 0);
}
}
.score_1 {
a, .a {
background: rgb(255, 255, 0);
}
}
.score_2 {
a, .a {
background: rgb(255, 166, 0);
}
}
.score_3 {
a, .a {
background: rgb(255, 0, 0);
}
}
.score_4 {
a, .a {
background: rgb(128, 0, 128);
color: white;
}
}
@media only screen and (max-width: 500px) {
.total, .month { .total, .month {
font-size: 0; font-size: 0;
} }
.label { .label {
display: none; display: none;
} }
font-size: 90%;
}
@media only screen and (max-width: 400px) {
font-size: 80%;
.ratio a, .ratio .a { th {
font-size: 90%;
text-align: center;
}
td {
font-size: 80%;
text-align: center;
}
tbody th {
text-align: right;
}
.ratio {
padding: 0.1em; padding: 0.1em;
width: 4em; a, .a {
height: 2em; margin: auto;
border-radius: var(--border-radius);
color: black;
padding: .5em 1em;
display: block;
max-width: 6em;
width: 3.2em;
height: 2em;
line-height: 1.1em;
}
}
.score_0 {
a, .a {
background: rgb(0, 128, 0);
}
}
.score_1 {
a, .a {
background: rgb(255, 255, 0);
}
}
.score_2 {
a, .a {
background: rgb(255, 166, 0);
}
}
.score_3 {
a, .a {
background: rgb(255, 0, 0);
}
}
.score_4 {
a, .a {
background: rgb(128, 0, 128);
color: white;
}
}
@media only screen and (min-width: 550px) {
font-size: 90%;
.ratio {
a, .a {
width: 5em;
height: 3.2em;
line-height: 2.1em;
}
}
.total, .month {
font-size: auto;
}
.label {
display: table-cell;
}
font-size: 100%;
} }
} }
} }

5
src/agenda_culturel/templates/agenda_culturel/administration.html
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>