style(stats): légende des catégories déplacée après « Activité de la semaine »Unverified
Alignement sur le design, qui la place entre le graphique d'équipe et les graphiques par catégorie qu'elle décrit. Claude-Session: https://claude.ai/code/session_01D114WAMbcTKTZShiyksS1z
d70b548 parent: abb035f modified
templates/stats.html +8 -7 | @@ -1,13 +1,6 @@ | ||
| 1 | 1 | {% extends "app.html" %} |
| 2 | 2 | {% block content %} |
| 3 | 3 | <a class="btn btn-ghost" style="margin:0 0 var(--space-4);padding-left:0;font-size:16px;min-height:44px" href="/temps">{{ shell.tr.my_entries_arrow }}</a> |
| 4 | -{% if !legend.is_empty() %} | |
| 5 | -<ul class="legend"> | |
| 6 | - {% for item in legend %} | |
| 7 | - <li><span class="dot" style="background:{{ item.color }}"></span>{{ item.name }}</li> | |
| 8 | - {% endfor %} | |
| 9 | -</ul> | |
| 10 | -{% endif %} | |
| 11 | 4 | |
| 12 | 5 | <section class="chart-section day-chart"> |
| 13 | 6 | <div class="chart-head"> |
| @@ -58,6 +51,14 @@ | ||
| 58 | 51 | </div> |
| 59 | 52 | </section> |
| 60 | 53 | |
| 54 | +{% if !legend.is_empty() %} | |
| 55 | +<ul class="legend"> | |
| 56 | + {% for item in legend %} | |
| 57 | + <li><span class="dot" style="background:{{ item.color }}"></span>{{ item.name }}</li> | |
| 58 | + {% endfor %} | |
| 59 | +</ul> | |
| 60 | +{% endif %} | |
| 61 | + | |
| 61 | 62 | {% for c in charts %} |
| 62 | 63 | <section class="chart-section"> |
| 63 | 64 | <div class="chart-head"> |
| @@ -1,13 +1,6 @@ | |||
| 1 | {% extends "app.html" %} | 1 | {% extends "app.html" %} |
| 2 | {% block content %} | 2 | {% block content %} |
| 3 | <a class="btn btn-ghost" style="margin:0 0 var(--space-4);padding-left:0;font-size:16px;min-height:44px" href="/temps">{{ shell.tr.my_entries_arrow }}</a> | 3 | <a class="btn btn-ghost" style="margin:0 0 var(--space-4);padding-left:0;font-size:16px;min-height:44px" href="/temps">{{ shell.tr.my_entries_arrow }}</a> |
| 4 | -{% if !legend.is_empty() %} | ||
| 5 | -<ul class="legend"> | ||
| 6 | - {% for item in legend %} | ||
| 7 | - <li><span class="dot" style="background:{{ item.color }}"></span>{{ item.name }}</li> | ||
| 8 | - {% endfor %} | ||
| 9 | -</ul> | ||
| 10 | -{% endif %} | ||
| 11 | 4 | ||
| 12 | <section class="chart-section day-chart"> | 5 | <section class="chart-section day-chart"> |
| 13 | <div class="chart-head"> | 6 | <div class="chart-head"> |
| @@ -58,6 +51,14 @@ | |||
| 58 | </div> | 51 | </div> |
| 59 | </section> | 52 | </section> |
| 60 | 53 | ||
| 54 | +{% if !legend.is_empty() %} | ||
| 55 | +<ul class="legend"> | ||
| 56 | + {% for item in legend %} | ||
| 57 | + <li><span class="dot" style="background:{{ item.color }}"></span>{{ item.name }}</li> | ||
| 58 | + {% endfor %} | ||
| 59 | +</ul> | ||
| 60 | +{% endif %} | ||
| 61 | + | ||
| 61 | {% for c in charts %} | 62 | {% for c in charts %} |
| 62 | <section class="chart-section"> | 63 | <section class="chart-section"> |
| 63 | <div class="chart-head"> | 64 | <div class="chart-head"> |