diff --git a/src/agenda_culturel/static/style.scss b/src/agenda_culturel/static/style.scss index b558e64..5671fae 100644 --- a/src/agenda_culturel/static/style.scss +++ b/src/agenda_culturel/static/style.scss @@ -1606,9 +1606,6 @@ label.required::after { } .moderation_heatmap { - border-spacing: 0.1em; - border-collapse: separate; - max-width: 600px; margin: auto; th { @@ -1623,29 +1620,59 @@ label.required::after { text-align: right; } .ratio { - border-radius: var(--border-radius); - padding: 0.2em; - color: black; + 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 { - background: rgb(0, 128, 0); + a, .a { + background: rgb(0, 128, 0); + } } .score_1 { - background: rgb(255, 255, 0); + a, .a { + background: rgb(255, 255, 0); + } } .score_2 { - background: rgb(255, 166, 0); + a, .a { + background: rgb(255, 166, 0); + } } .score_3 { - background: rgb(255, 0, 0); + a, .a { + background: rgb(255, 0, 0); + } } .score_4 { - background: rgb(128, 0, 128); - color: white; + a, .a { + background: rgb(128, 0, 128); + color: white; + } } - @media only screen and (max-width: 300px) { - .ratio, .month, .label { + @media only screen and (max-width: 500px) { + .total, .month { font-size: 0; } + .label { + display: none; + } + font-size: 90%; + } + @media only screen and (max-width: 400px) { + font-size: 80%; + + .ratio a, .ratio .a { + padding: 0.1em; + width: 4em; + height: 2em; + } } } diff --git a/src/agenda_culturel/templates/agenda_culturel/administration.html b/src/agenda_culturel/templates/agenda_culturel/administration.html index 715ba0d..42fe8eb 100644 --- a/src/agenda_culturel/templates/agenda_culturel/administration.html +++ b/src/agenda_culturel/templates/agenda_culturel/administration.html @@ -29,16 +29,19 @@ {% for w in nb_not_moderated %}
+ | {% for m in w %} - | {{ m.start_day|date:"d" }} {{ m.start_day|date:"M"|lower }} | +{{ m.start_day|date:"d" }} {{ m.start_day|date:"M"|lower }} | {% endfor %}
---|---|---|
reste à modérer {% for m in w %} - | {{ m.not_moderated }} / {{ m.nb_events }} | ++ <{% if m.not_moderated > 0 %}a href="{% url 'moderate_from_date' m.start_day.year m.start_day.month m.start_day.day %}"{% else %}span class="a"{% endif %}> + {{ m.not_moderated }} / {{ m.nb_events }}{% if m.not_moderated > 0 %}a{% else %}span{% endif %}> + | {% endfor %}